客戶端渲染是使頁面具有互動性的原因 — 例如當您點擊此應用程式中的按鈕時會遞增計數器 — 並使 SvelteKit 能夠在導覽時更新頁面而無需完整重新載入頁面。
與 ssr 類似，您可以完全禁用客戶端渲染
src/routes/+page.server
export const csr = false;這表示不會將任何 JavaScript 提供給客戶端，但也表示您的元件不再具有互動性。這對於檢查您的應用程式是否可供那些（無論出於何種原因）無法使用 JavaScript 的人使用可能很有用。
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>