0.4.6 • Published 2 years ago
svelte-browser v0.4.6
Svelte Browser
<script lang="ts">
import store, { KeyCapture, Browser, Viewport } from 'svelte-browser'
import { isPC, isTablet, isMobile, isBlink, isMacSafari, isIOSlegacy, isLegacy } from 'svelte-browser'
const { isActive, isOnline, isWatching, isKeypad, isPortrait, isLandscape, isZoom, keys, zoomScale, zoomPoint, viewPoint, safePoint, keypadSize, zoomSize, viewSize, safeSize } = store
if (isTablet) ... // device type Tablet
if (isMobile) ... // device type Mobile
if (isPC) ... // not Tablet / Mobile / Android / IOS
if (isBlink) ... // blink browser
if (isMacSafari) ... // webkit browser && Mac OS
if (isIOSlegacy) ... // IOS && legacy
if (isLegacy) ... // not support VisualViewport / ResizeObaserver / IntersectionObserver
$: if ($isActive) ... // isOnline && isWatching
$: if ($isOnline) ... // detect online
$: if ($isWatching) ... // visible visibilityState
$: if ($isKeypad) ... // soft keypad detect
$: if ($isPortrait) ... // width < height
$: if ($isLandscape) ... // height < width
$: if ($isZoom) ... // 1.0 < zoomScale
$: if ($zoomScale < 3.0) ...
$: $keys[0] // keydown first key
$: [zoom_left, zoom_top] = $zoomPoint
$: [view_left, view_top] = $viewPoint
$: [safe_left, safe_top] = $safePoint
$: [zoom_width, zoom_height] = $zoomSize
$: [view_width, view_height] = $viewSize
$: [safe_width, safe_height] = $safeSize
$: [keypad_width, keypad_height] = $keypadSize
</script>
<Browser ratio="{1.0}" isDefaultSafeArea="{true}" />
<Viewport min="{1.0}" max="{3.0}" />
<KeyCapture disabled="{false}"></KeyCapture>
0.3.22
2 years ago
0.4.4
2 years ago
0.4.6
2 years ago
0.4.1
2 years ago
0.4.0
2 years ago
0.4.3
2 years ago
0.4.2
2 years ago
0.3.20
2 years ago
0.3.21
2 years ago
0.3.17
2 years ago
0.3.16
2 years ago
0.3.15
2 years ago
0.3.14
2 years ago
0.3.13
2 years ago
0.3.19
2 years ago
0.3.18
2 years ago
0.3.11
2 years ago
0.3.10
2 years ago
0.3.9
2 years ago
0.3.8
2 years ago
0.3.7
2 years ago
0.3.6
2 years ago
0.3.5
2 years ago
0.3.4
2 years ago
0.3.2
2 years ago
0.3.1
2 years ago
0.3.0
2 years ago
0.2.0
2 years ago
0.1.0
2 years ago