Ce module exporte des versions réactives de différentes valeurs liées à `window`, chacune ayant une
propriété réactive `current` que vous pouvez utiliser dans des contextes réactifs (templates,
[derivations]($derived) et [effets]($effect) sans utiliser de liaison sur
[`<svelte:window>`](svelte-window) ou vos propres gestionnaires d'évènement.

```svelte
<script>
	import { innerWidth, innerHeight } from 'svelte/reactivity/window';
</script>

<p>{innerWidth.current}x{innerHeight.current}</p>
```



```js
// @noErrors
import {
	devicePixelRatio,
	innerHeight,
	innerWidth,
	online,
	outerHeight,
	outerWidth,
	screenLeft,
	screenTop,
	scrollX,
	scrollY
} from 'svelte/reactivity/window';
```

## devicePixelRatio

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`devicePixelRatio.current` est une vue réactive de `window.devicePixelRatio`. Sur le serveur elle
vaut `undefined`. Notez que le comportement peut être différent selon les navigateurs — sur Chrome
elle va correspondre au niveau de zoom actuel, sur Firefox et Safari non.

<div class="ts-block">

```dts
const devicePixelRatio: {
	get current(): number | undefined;
};
```

</div>



## innerHeight

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`innerHeight.current` est une vue réactive de `window.innerHeight`. Sur le serveur elle vaut
`undefined`.

<div class="ts-block">

```dts
const innerHeight: ReactiveValue<number | undefined>;
```

</div>



## innerWidth

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`innerWidth.current` est une vue réactive de `window.innerWidth`. Sur le serveur elle vaut
`undefined`.

<div class="ts-block">

```dts
const innerWidth: ReactiveValue<number | undefined>;
```

</div>



## online

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`online.current` est une vue réactive de `navigator.onLine`. Sur le serveur elle vaut `undefined`.

<div class="ts-block">

```dts
const online: ReactiveValue<boolean | undefined>;
```

</div>



## outerHeight

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`outerHeight.current` est une vue réactive de `window.outerHeight`. Sur le serveur elle vaut
`undefined`.

<div class="ts-block">

```dts
const outerHeight: ReactiveValue<number | undefined>;
```

</div>



## outerWidth

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`outerWidth.current` est une vue réactive de `window.outerWidth`. Sur le serveur elle vaut
`undefined`.

<div class="ts-block">

```dts
const outerWidth: ReactiveValue<number | undefined>;
```

</div>



## screenLeft

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`screenLeft.current` est une vue réactive de `window.screenLeft`. Elle est mise à jour au sein d'un
callback `requestAnimationFrame`.Sur le serveur elle vaut `undefined`.

<div class="ts-block">

```dts
const screenLeft: ReactiveValue<number | undefined>;
```

</div>



## screenTop

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`screenTop.current` est une vue réactive de `window.screenTop`. Elle est mise à jour au sein d'un
callback `requestAnimationFrame`. Sur le serveur elle vaut `undefined`.

<div class="ts-block">

```dts
const screenTop: ReactiveValue<number | undefined>;
```

</div>



## scrollX

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`scrollX.current` est une vue réactive de `window.scrollX`. Sur le serveur elle vaut `undefined`.

<div class="ts-block">

```dts
const scrollX: ReactiveValue<number | undefined>;
```

</div>



## scrollY

<blockquote class="since note">

Disponible depuis la version 5.11.0

</blockquote>

`scrollY.current` est une vue réactive de `window.scrollY`. Sur le serveur elle vaut `undefined`.

<div class="ts-block">

```dts
const scrollY: ReactiveValue<number | undefined>;
```

</div>