最近公司需要做小程序项目,但是又希望能够快速开发,就想着把web端的响应式页面放到webview里快速开发.但在判断页面环境的时候出现一些问题. 环境问题 用小程序提供的wx.miniProgram.getEnv可以获取环境参数,但是他有个问题就是无法在非微信环境下判断.所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中. 解决方案 <script src='https://res.wx.qq.com/open/js/jweixin-1.3.2.js'></s

背景 最近项目需要适配小程序,项目是使用了vue开发的网站,其中改造方式是,每个页面都使用小程序创建一个页面通过web-view来显示指定页面的. 在没有使用小程序时,路由跳转时,刷新页面等等,这个是很顺畅的,在使用了小程序之后,需要适配小程序的页面,比如后退到前一页,这个时候要刷新页面,于是遇到了小程序的一些特性. 问题描述 有两个页面:A=http://demo.com/#/A?code=12,B=http://demo.com/#/B?index=2 有这这么一个需求,A页面跳到B页面,B

今天遇到一个需求,在A页面上判断B页面是否加载完毕(B页面是第三方页面),加载完毕时隐藏loading动画... 而平时我们一般做的事是在B页面上判断B页面是否加载完毕,进行操作. if(document.readyState == 'Loaded'){ // 我们的操作 //页面加载readyState的五种状态 原文如下: //0: (Uninitialized) the send( ) method has not yet been invoked. //0 - (未初始化)还没有调用se

js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件window.onblur = function(e) { //you code}; 弹框的要控制次数有几种方案,一种是放到cookies里面保存code,会影响到其他文件请求都带上cookies值,用户访问文章多了以后比较影响请求响应.另外一种就是在当前页面加个全局变量,一次只弹一次,下次刷新后也只弹一次,当然也可以加个次数的控制. ===========================

做织梦网站导航栏时,我们一般需要设置当前栏目高亮显示,这个使用currentstyle就能直接实现,但是如果在首页时怎么让首页模块高亮呢? 织梦当前栏目高亮: <style>.hover{background:#F00;}</style> {dede:channel currentstyle="<li class='hover'><a href='~typelink~'>~typename~</a></li>"}

可以通过document.hidden属性判断当前页面是否是激活状态. 兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+ 兼容性写法示例: var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null; var v

1.手机邮箱正则 近两年出来很多新号码,听说199什么的都有了- -导致以前的正则不能用了....这就很难过,总是过一段时间出一种新号码.因此,我决定使用返朴归真的手机正则. 手机正则:var reg=/^1[0-9]\d{9}$/; 邮箱正则:var mailReg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/; 使用方法:reg.test(e) 除此之外,作为一只程序狗,耿直的认为输入空格就是错

[主要知识] 浏览器设备信息:navigator.userAgent(本文中主要用到知识) 浏览器版本信息:navigator.appVersion var ua = navigator.userAgent:var browser = { versions: function () { // 浏览器版本信息 return { trident: ua.indexOf('Trident') > -1, // IE浏览器 trident内核 presto: ua.indexOf('Presto') >

<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script>     //引入js   var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { //ios的

用小程序提供的wx.miniProgram.getEnv可以获取环境参数,但是它有个问题就是无法在非微信环境下判断.所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中. 解决方法: <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> <script> var ua =

1.利用了正则表达式和三目运算符,含义就是如果是移动端打开的话那就跳转到 "https:www.baidu.com/" ,如果不是就跳转到"http://new.baidu.com/" window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" : "http://n

<script> if(top.location!=self.location){ alert("不是顶层窗口"); }else{ alert("是顶层窗口"): } </script> 就是判断 当前这个页面是否嵌套在iframe框架中.

在使用div+iframe布局的应用中,通常我们希望在session超时或者未登录访问时跳转到登录页面,默认情况下iframe中的页面无法直接覆盖父页面,因此需要在登录页面加载的时候判断一下当前是否为top页面,如果不是,则刷新主页面,这样就可以避免登录页面嵌入在iframe中的情况,如下: <script type="text/javascript"> if(self!=top){ parent.window.location.replace(window.locatio

2018-04-12 方法一:通过navigator.onLine属性判断,返回true为有联网状态,false为断网状态. //方法一 if(navigator.onLine) { console.log('联网状态'); } else { console.log('断网状态'); }; 方法二:通过请求后台接口返回error错误码,判断网络是否在联网,这里返回的有可能是连不上服务器(断网状态),也有可能是服务器出问题没有数据返回. //方法二 function ajax(url, data,

实现效果如下: 忽略底部的评论视图,太丑了,待完善...... 实现思路: 1>页面布局采用TableView实现,顶部"关注"模块的View是TableView的tableHeaderView; 2>采用两个cell,webViewCell和CommentCell,indexPath.row == 0使用webViewCell,其余使用CommentCell; 3>在webViewCell的webView的代理方法中webViewDidFinishLoad计算web

1.使用jq判断是否用微信浏览器打开页面 var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})(); if(is_weixin){ return true; }else{ return false; } 2.使用es6判断是否用微信浏览器打开页面 let isWeiXin = () => { return navigator.userAgent

目前app中存在越来越多的H5页面了,对于一些做app自动化的测试来说,要求也越来越高,自动化不仅仅要支持原生页面,也要可以H5中进行操作自动化,这一篇介绍如何查看页面上是否存在H5页面,这里首先要了解一个知识点webview是什么 webview是什么 webview是属于android中的一个控件,也相当于一个容器,需要把H5的一些前端内容,通过这个容器去调用,显示和渲染网页 目前很多app中都实现app原生页面(native)和webview页面(H5),我们如何查看页面上哪些存在webv

方法一: var isPC = function () { var userAgentInfo = navigator.userAgent.toLowerCase(); var Agents = new Array("android", "iphone", "symbianOS", "windows phone", "ipad", "ipod"); var flag = true; fo

现在很多项目都有客户离开网页时,处理一些业务的需求.所以焦点就聚集在了如何获取页面离开事件. 以下是本人在一个项目中需要记录页面浏览时长的处理办法,测试兼容IE,Chrome,FF浏览器 代码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript"> $(window).bind('beforeunload', function(e) {//页面卸载,就是用户关闭页面

    if (frames("appIframe").document.readyState !="complete") {          alert("页面未加载完,请稍等!");         event.returnValue = false;         return;     }

//如果当前页面存在父页面,则当前页面的父页面重新加载(即子页面父页面连带跳转) if(top.location!=self.location){         window.parent.location.reload() }