No more than code.
移动端实用 API
| 移动端项目手机预览
config - index.js - host 添加本地IP即可;若网络限制,手机 ip 访问不了,下载 360 wifi
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
proxyTable: { },
host: '本地Ip',
解决手机访问 IP ,页面显示标题不显示内容:
host: '0.0.0.0',
devtool: 'inline-source-map'
## | 监听屏幕旋转变化接口: orientationchange |
## | 电池状态:navigator.getBattery() |
## | 手机震动: window.navigator.vibrate(200) |
## | 当前语言:navigator.language |
## | 联网状态:navigator.onLine |
注意:navigator.onLine 只会在机器未连接到局域网或路由器时返回 false,其他情况下均返回 true。 也就是说,机器连接上路由器后,即使这个路由器没联通网络,navigator.onLine 仍然返回 true。
```javascript
mounted(){
let self = this;
window.addEventListener('online', self.updateOnlineStatus, true);
window.addEventListener('offline', self.updateOnlineStatus, true);
},
methods: {
updateOnlineStatus: function(){
var self = this;
self.onLineInfo = navigator.onLine ? "online" : "offline";
},
}
``` ## | 页面可编辑:contentEditable ## | 浏览器活跃窗口监听: window.onblur & window.onfocus ## | 全屏 API(Fullscreen API)