移动端
CherryCola_zjl
enjoy it
展开
-
微信浏览器 viedeo自动播放
<video muted autoplay />setTimeout(()=>{ let video = document.getElementsByTagName("video") video[0].play() },0)document.addEventListener("WeixinJSBridgeReady", function () { let video = document.getElementsByTagName("video".原创 2021-09-17 19:58:40 · 2675 阅读 · 0 评论 -
js复制文本功能
之前简单的实现,发现 ios 老版本 会出现失效的问题let copycode=document.getElementById("copyUrl") // 文本框copycode.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令最终找到第三方插件 clipboardimport Clipboard from "clipboard"let clipboard = new Clipboard("#copybtn", { te原创 2021-08-30 16:56:44 · 107 阅读 · 0 评论 -
audio移动端无法自动播放(safari,chrome,微信内置浏览器)
有同学反映有一个奇葩的问题,audio标签 在移动端无法自动播放。尤其是ios系统,在safari以及微信内置浏览器上。聪明的你肯定能想到如下代码:var audio = document.getElementById("audioID"); audio.play();发现不行后思索一番,决定加一个定时器延时执行。一定是audio没加载完的问题,嗯!一定是!我是天才!!!setTimeout(()=>{ var audio = document.getElementById("原创 2021-01-19 20:08:45 · 1676 阅读 · 3 评论 -
js根据UA用户代理判断移动端h5打开环境
userAgent 指 用户代理function isAndroid() { return 0 <= navigator.userAgent.toLowerCase().indexOf("android")}function isIos() { return 0 <= navigator.userAgent.toLowerCase().indexOf("iphone")}function isInWb() { return 0 <= navigator.u原创 2020-11-23 11:41:51 · 3277 阅读 · 0 评论 -
安卓fixed元素被键盘顶起
var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1; if (isAndroid){ var win_h = document.documentElement.clientHeight, that = this window.addEventList原创 2020-09-14 14:05:57 · 480 阅读 · 0 评论 -
js页面回到顶部
toTop(){ this.timer = setInterval(() => { let topDistance = document.documentElement.scrollTop || document.body.scrollTop; let moveDistance = Math.floor(-topDistance / 5); document.documentElement.scrollTop = document.body.scrollTop = topD原创 2020-06-28 19:17:47 · 202 阅读 · 0 评论 -
移动端相册选择并上传图片
<input ref="fileInput" multiple id="fileInput" @change="getImg" type="file" accept="image/jpeg,image/jpg,image/png"><img :src="item.src" alt="" srcset="" v-for='(item,index) in upImg' :key="index">getImg(){ let inputDOM = this.$refs.fil原创 2020-06-18 12:57:07 · 474 阅读 · 0 评论 -
iphone app内嵌网页高度100%问题(底部有白条)
蓝色div,紫色body(高度均为100%)黑色fixed定位bottom:0 。发现元素无法填满,定位也到不了底部。百思不得其解。在一整天的 调试过后,终于发现了奥秘首先,你的页面meta标签要设置正确,最主要的就是 viewport-fit=cover<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=原创 2020-05-14 17:39:24 · 2166 阅读 · 0 评论 -
h5 ios端键盘收回页面空白
// jsdocument.body.addEventListener("focusout", () => { let currentPosition = document.documentElement.scrollTop || document.body.scrollTop || 0; this.currentPosition = currentPosition-1 setTim...原创 2020-05-08 11:29:36 · 383 阅读 · 0 评论 -
前端开发移动端网页适配常识以及方法
随着携带设备的越来越普及,移动端项目会越来越多的接触。所以想给大家介绍一下移动端适配那点事。手机分辨率是指什么\color{#159957}{手机分辨率是指什么}手机分辨率是指什么物理像素(Pel, pixel, pictureelement)这是 iPhone4 的屏幕像素排列图,每个像素都是由三原色组成的单元。1080*1920就是横向1080 纵向1920个物理像素点。随着手机发...原创 2020-04-14 17:47:34 · 2936 阅读 · 0 评论