H5
文章平均质量分 95
qq_37672347
这个作者很懒,什么都没留下…
展开
-
H5 移动端调试
随着移动设备的高速发展,H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧,修 Bug 于无形。一、概要因为移动端操作系统分为iOS和Android两派,所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式,才能让你事半功倍。文章会列举目前适合移动端调试的多种方案,快来选择你的最佳实践吧!二、iOS 设备Safari:iphone 调试利器,查错改样式首选,需要我们做如下设置: 浏览器设置:Safari - 偏好设置 - 高...原创 2021-03-15 10:22:28 · 380 阅读 · 0 评论 -
rem使用记录
<script> window.onload = function(){ getRem(720,100) }; window.onresize = function(){ getRem(720,100) }; function getRem(pwidth,prem){ var html = document.getElementsByTagName("html")[0]; var oWidth = docum原创 2020-06-30 09:53:45 · 117 阅读 · 0 评论 -
移动端H5页面 横、竖屏
js没这么高的权限要求系统这么做,一般是检测判断高小于宽的时候提示用户就行了方式一 <!-- android强制竖屏 ios暂时无效 --> <meta name="msapplication-tap-highlight" content="no"> <!-- uc浏览器强制竖屏 --> <meta name="screen-orie...原创 2020-03-19 12:22:39 · 2498 阅读 · 0 评论 -
H5移动端附件下载
H5移动端附件下载原创 2020-03-12 17:22:18 · 2459 阅读 · 0 评论 -
移动端 横屏处理
detectOrient() { var width = document.documentElement.clientWidth var height = document.documentElement.clientHeight var $wrapper = document.getElementById('vhtml') var style = '' if (width ...原创 2020-01-16 13:36:06 · 198 阅读 · 0 评论 -
nginx 服务配置部署 实现 Android扫描下载,ios扫码浏览
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> #weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=8...原创 2020-01-14 12:57:58 · 278 阅读 · 0 评论 -
vue-cli引入bootstrap时候图标不显示
问题描述:vue-cli项目引入bootstrap的css的时候,样式都正常,但是发现图标无法正常显示,有些特殊字体也无法正常显示,F12查看提示找不到对应的字体文件,再具体一看,发现路径不对,多了static/css。解决办法:build->utils.js 文件中,找到 vue-style-loader,添加 publicPath:’…/…/’ 如下: // Extract C...原创 2019-11-12 15:49:12 · 525 阅读 · 0 评论 -
Web丨Js 判断 Android、ios 或者 pc 的方式
handleDevice () { console.log(navigator.userAgent) if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { // 苹果端 return true } else if (/(Android)/i.test(navigator.userAgent)) { // 安卓端...原创 2019-11-06 10:17:05 · 106 阅读 · 0 评论 -
H5 Pinchzoom.js 插件实现手指触摸图片放大缩小
Pinchzoom.js 官网: http://manuelstofer.github.io/pinchzoom/参考链接:https://blog.csdn.net/forever_yours/article/details/54930106原创 2019-09-24 17:07:04 · 1693 阅读 · 0 评论 -
select在ios和android中样式不兼容
ios中select有默认样式,在Android中可以正常显示,但在ios中会变灰变短这样式显然不能满足我们的需要,解决办法。1:设置css : -webkit-appearance: none; 去掉默认的样式。2:右边的小三角使用一个图片定位在那里。select{ -webkit-appearance: none; /*清除select默认样式*/...原创 2019-09-18 11:11:35 · 1197 阅读 · 0 评论 -
H5新功能
1、HTML5 中的本地存储很多时候我们会存储用户本地信息到电脑上,例如:比方说用户有一个填充了一半的长表格,然后突然网络连接断开了,这样用户希望你能存储这些信息到本地,当网络恢复的时候,他想获取这些信息然后发送到服务器进行存储。现代浏览器拥有的存储被叫做“Local Storage”,用于存储这些信息。2、HTML5 中 Canvas 的作用Canvas 是 HTML5 出现的...原创 2019-08-31 10:16:07 · 259 阅读 · 0 评论