1.1.8 • Published 4 years ago
vanilla-device v1.1.8
vanilla-device
- Get mobile device detail The introduction of mobile-touch, if the device is a mobile device, can make the whole page scroll closer to native and support Typescript
Install
unpkg:
<script src="https://unpkg.com/vanilla-device@1.0.7/umd/index.js"></script>
npm:
$ npm install --save vanilla-device
Feature
1. Get Device details:
import "vanilla-device";
console.log(vanillaDevice.isPc());
console.log(vanillaDevice.isIPhoneX());
console.log(vanillaDevice.safeTop());
2. Safe CSS:
- import package
import vanillaDevice from "vanilla-device";
- use css value
.page {
padding-top: var(--safe-top);
padding-bottom: var(--safe-bottom);
}
- If your use CSS-IN-JS
import vanillaDevice from "vanilla-device";
const safeTop = vanillaDevice.safeTop();
<div style="{{ paddingTop: safeTop }} />
3. Touch:
- Double-clicking the screen will not scale
- Finger kneading won't zoom in on the screen
import vanillaDevice from "vanilla-device";
vanillaDevice.setMobileCss();
4. Scroll like native:
- When the scroll area receives the scroll gesture, it can respond quickly and solve the problem of no response when switching overflow
- Block all scrolling. Scrolling will not show the background of the browser
import vanillaDevice from "vanilla-device";
// use setFocusTouchScroll
const view = document.getElementById("the-need-scroll-element");
vanillaDevice.setCanScroll(view);
If in React or Vue:
import vanillaDevice from "vanilla-device";
// or set focus-touch-scroll to dom, need have height
vanillaDevice.setCanScrollByAttribute('data-can-scroll');
const view = <div data-can-scroll="true" style={{ height: 500 }} />;
5. Keyboard:
- When the iOS keyboard appears, click the blank area to automatically close the keyboard
- Automatically adjust the scroll area when the iOS keyboard appears
import vanillaDevice from "vanilla-device";
vanillaDevice.setKeyboardAutoHide();
1.1.8
4 years ago
1.1.7
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.2
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.2.9
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.0
5 years ago