svelte device detector
0.2.2
• •
Визуализировать представления на разные типы устройств.
npm i svelte-device-detector
// OR
yarn add svelte-device-detector
Примечание. Чтобы использовать эту библиотеку в Sapper, установите как DevDependency. Смотрите ссылку.
Местная демонстрация:
git clone https://github.com/andrelmlins/svelte-device-detector.git
cd svelte-device-detector
npm install && npm run dev
Пример того, как использовать библиотеку:
< script >
import DeviceDetector from "svelte-device-detector";
</ script >
< DeviceDetector showInDevice = "desktop" >
< p > Desktop </ p >
< / DeviceDetector>
< DeviceDetector showInBrowser = "chrome" showInDevice = "mobile" >
< p > Mobile and Chrome </ p >
</ DeviceDetector >
< DeviceDetector showInBrowser = { [ "safari" , "firefox" ] } >
< p > Safari or Firefox </ p >
< / DeviceDetector>Для достижения наилучших результатов значения имеют эти характеристики:
| Проп | По умолчанию | Тип | Описание |
|---|---|---|---|
| Showindevice | - | string , array | Рендеринг вид на типы устройств |
| Showinbrowser | - | string , array | Рендеринг вид на типы браузеров |
| Showinos | - | string , array | Рендеринг вид на типы эксплуатационных систем |
Скачать статистику для этого пакета NPM
Детектор устройства с открытым исходным кодом лицензируется как MIT.