![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
搬砖工KO水泥匠
一枚搬砖的仔,一个粉刷的匠。
展开
-
H5点击复制微信号
点击复制文案<div class="copy-wechat-id" @click="copyFn" data-clipboard-action="copy" data-clipboard-text="BevaBela老师">点击复制微信号</div>import Clipboard from "clipboard";methods: { /** * 点击复制微信号 */ copyFn() { var _this = this; var clipboar原创 2020-07-29 15:31:26 · 1429 阅读 · 0 评论 -
解析Url参数
getQueryString(url) { var match = url.split('?')[1].split('#')[0]; //将分割?后面的字符串赋给match var matches = match.split('&'); //将后面的以‘&’分割并以数组返回 var obj = {}; for (var i = 0; i < matche原创 2020-06-05 11:34:14 · 234 阅读 · 0 评论 -
判断 JSbridge 在不同设备调用
判断 JSbridge 在不同设备调用【说明】我们在使用 jsbridge 的时候,虽然在 ios环境下 也可以使用 Android环境下 的 jsbridge 文件,但是实际在测试的时候,遇到过几次调用未成功的状态,然后同样情况下,在 ios环境中 使用 ios环境下的 jsbridge 则未遇到,所以在这里还是对不同环境下的 jsbridge 文件进行了新的处理。即,在一个统一配置的 config.js 文件中,首先对环境进行判断,然后再添加进不同环境下的 jsbridge.js 文件。所以在这里对原创 2020-05-11 15:10:58 · 302 阅读 · 0 评论 -
判断当前机型设备 android or ios
// 判断当前机型设备 android or ios var iphoneType = "" function iphoneTypeFn(){ var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终...原创 2020-04-30 14:08:50 · 331 阅读 · 0 评论 -
判断当前H5页面所处环境“微信”“其他浏览器”“某APP内嵌”
H5端H5端加载页面时首先判断浏览器的User-Agent字段,通过对User-Agent字段的正则表达式匹配至少应该区分三种场景:1.贝瓦APP内打开的。User-Agent字段包含“BevaErge”2.微信客户端打开的。User-Agent字段包含“MicroMessenger”3.其它情况,默认为手机系统浏览器打开。/*** 判断是否是微信环境 */function g...原创 2020-04-28 17:08:16 · 1374 阅读 · 0 评论 -
通过微信H5进入微信公众号
通过微信H5进入微信公众号最终主要代码<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTk0MDMzNQ==#wechat_redirect">跳转到我的公众号吧</a>体验链接http://test.wangyc.top/test/open_wxgghao/m...原创 2020-04-24 18:04:09 · 4231 阅读 · 0 评论 -
Video显示封图的时候,css隐藏控件
主要是在android 控件#baby-video::-webkit-media-controls-enclosure { display:none !important; } .baby-video-box #baby-video>#beiken-video { border: 0; }在app内置浏览器显示状态修改前的状态修...原创 2020-04-23 11:09:24 · 227 阅读 · 0 评论 -
在微信中 播放 video 后,会自动拉伸页面然后全屏 解决方法
代码中可能存在 x5-video-player-type=“h5” 只要删除即可x5-video-player-type="h5"原创 2020-04-23 11:00:22 · 3556 阅读 · 0 评论 -
H5判断当前是否引入 JSBridge
H5判断当前是否引入 JSBridge判断场景1. 如当前版本未接入jsbridge,无法通过jsbridge库中的方法判断是否注入了对象或者方法事件。【婉转的解决方法】1. 设置一个当前页面全局变量 flag=false;2. 通过页面渲染完成后,直接调用 “获取app基本信息——getAppInfo” 该方法。如果当前app版本未接入jsbridge,则调用该方法无效,无法输出相关数...原创 2020-04-15 18:01:32 · 1059 阅读 · 0 评论 -
限制移动端dom遮罩层滑动穿透
// 限制遮罩层穿透$('.mask-window,.pop-window').bind("touchmove",function(e){ e.preventDefault();});原创 2020-04-15 15:03:51 · 174 阅读 · 0 评论 -
JSbridge使用 说明
JSbridge H5页面说明git地址:https://github.com/wangjiaojiao77/JsBridge参考学习链接:http://www.imooc.com/article/23258IOS demo链接:http://demo.yichaowang.bevateachers.com/js_bridge/jsbridge/ios.htmlAndroid demo链接...原创 2020-03-28 00:10:48 · 1716 阅读 · 0 评论