![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
维多利亚少年-
科技来源于创新
展开
-
解决微信浏览器中video视频播放器自动全屏播放
video 标签定义视频,比如电影片段或其他视频流。可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。<video src="movie.mp4">您的浏览器不支持 video 标签。</video>在标签内添加这个属性x5-playsinline=“true” 使安卓微信浏览器的video视频不在全屏播放在标签内添加这两个属性webkit-playsinline=“true” playsinline=“true” /*IOS微信浏览原创 2021-02-26 14:15:45 · 1758 阅读 · 0 评论 -
vue组件——H5手写签字版的实现
<template> <div class="signature"> <header>签名</header> <div class="rect_position" v-if="isShow"> <div class="div_canvas_container"> <canvas id="signCanvas"></canvas> </div> <原创 2021-01-28 16:36:43 · 1479 阅读 · 0 评论 -
移动端浏览器回退上级页面不执行js的原因和解决方案
在开发移动端项目时遇到了一个问题,是关于ios机制和浏览器缓存的。1. 问题描述页面逻辑:页面中存在另一个链接,通过链接跳转页面,在点击浏览器导航回退时。发现上级页面会不执行js操作(页面不会重新加载,会直接读取浏览器缓存)展现结果:返回后页面不刷新,一些失效的信息依然显示在页面上机型:这个问题会在iphone和部分android内置浏览器(vivo nex内置浏览器、华为荣耀手机)发生。产出原因:这一切都是页面的缓存数据搞的鬼。什么是页面的缓存数据?浏览器的“往返缓存(back-forward原创 2020-06-29 18:50:10 · 2936 阅读 · 0 评论 -
适配项目浏览器运行环境的问题
检查项目是否在百度浏览器运行有关浏览器类型的信息都藏在USER-AGENT里面,首先读取navigator.userAgent里面的信息,为了方便利用toLowerCase方法转成小写的形式。判断在哪个浏览器运行const ua = navigator.userAgent.toLowerCase()// 在百度浏览器运行if (ua.indexOf('baidu') > 0) {...原创 2020-03-27 14:36:31 · 155 阅读 · 0 评论