跳至主要内容

客户端渲染使页面具有交互性——例如,在此应用中单击按钮时递增计数器——并使 SvelteKit 能够在导航时更新页面,而无需完全重新加载页面。

ssr 一样,您可以完全禁用客户端渲染

src/routes/+page.server
export const csr = false;

这意味着没有 JavaScript 服务于客户端,但也意味着你的组件不再具有交互性。这是一种有用的方法来检查你的应用程序是否可供那些——无论出于何种原因——无法使用 JavaScript 的人使用。

在 GitHub 上编辑此页面

上一页 下一页
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
	import { browser } from '$app/environment';
 
	let count = $state(0);
 
	function increment() {
		count += 1;
	}
</script>
 
<h1>Rendered {browser ? 'in the browser' : 'on the server'}</h1>
 
<button onclick={increment}>
	Clicks: {count}
</button>