有时候，你可能会需要监视一部分数据是怎么在应用中流动的。
其中一个办法是在标记（markup）中用 console.log(...)，但如果你想中断执行，你可以使用 {@debug ...} 标签，填入你想要监视的变量，以逗号分割。
App.svelte
{@debug user}
<h1>Hello {user.firstname}!</h1>如果现在打开开发者工具，然后更改文本框的内容，当 user 的值发生变化的时候，就会触发调试器。（注意本教程的调用栈和局部变量都是不可见的，因为 iframe 的安全限制问题。）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
let user = {firstname: 'Ada',
lastname: 'Lovelace'
};
</script>
<label>
<input bind:value={user.firstname} />first name
</label>
<label>
<input bind:value={user.lastname} />last name
</label>
{(console.log(user), '')}<h1>Hello {user.firstname}!</h1>