var wzw={ //浏览器相关信息 //android webview 需要app进行支持,Android web view初始化时,在navigator中添加标识 browser:{ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto…
苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isAndroid) { alert("安卓…
CSS样式兼容代码 1.禁止选中复制文本 *{ user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } 2.单行文本溢出显示省略号- p { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:…
rem布局计算(移动端,pc端有兼容性) <!DOCTYPE html> <html> <head lang="en"> <script> function rootREM() { var W = document.documentElement.clientWidth; W = (W <= 640) ? W : 640; document.documentElement.style.fontSize = W / 10 + 'px'…
1. 判断浏览器类型 浏览器判断使用的github开源项目current-device,下面是地址: https://github.com/matthewhudson/current-device 在浏览器中可以使用下面地址进行浏览器引入,但是加载速度慢,不建议使用,我这里是直接下载本地. <script src="https://unpkg.com/current-device/umd/current-device.min.js"></script> 2. 根…
Charles安装完成,默认只能抓取到http请求,如果查看https请求,会显示unkonw或其它之类的响应.所以需要先进行一些配置,才能抓取到完整的https请求信息.下面针对PC端和手机端抓包的情况,分别进行说明. PC端如何配置才能抓取到https请求: 1. 安装证书:在顶部工具栏中选择"help--Install Charles CA SSL Certificate": 2. 然后会弹出证书信息,选择安装证书,接下来将证书存储改为:受信任的根证书颁发机构,接下来都点&quo…
原文发表于我的技术博客 我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了,文章中是目前整个课程的大纲,以后此课程还会保持持续更新,此大纲文档也会保持更新,备查. 原文发表于我的技术博客 1. 课程简介 在此 React 入门与实战课程中,主要使用的课程结构是 React 基本概念与实战结合.课程从 React 的简介讲起,在正式开始学习 React 前将对目前火热的前端知识点进行了梳理,包括基础的 JS.ES5 / ES6.CSS.HTML5,也包含…
  所有移动端PC端 按 640 进行排版 body, html { width: %; height: %; overflow: hidden; background-color: #; } body{ height: %; overflow: hidden; box-shadow: 160px #5C99E7; background-color: #fff; position:relative; } .app { width: 640px; margin: auto; box-sizing:…
最近公司上线移动端,需要根据不同的系统跳转到不同的产品页面,百度后发现这一段代码很好用,不但可以判断当前是什么系统,还能知道当前浏览器是什么内核,移动端PC端都已测试无问题! var browser = {            versions: function() {                var u = navigator.userAgent,app = navigator.appVersion;                return { //移动终端浏览器版本信息    …
最近公司给我安排一个微信登录的功能,需求是这样的: 1.登录授权 点击二维码图标后,登录界面切换为如下样式(二维码),微信扫描二维码并授权,即可成功登录:    若当前账号未绑定微信账号,扫描后提示“您的账号未绑定微信号,请先登录绑定”:    点击“返回”按钮,界面切换为账号密码登录:         若微信号绑定多个账号在,则展示所绑定全部账号的用户名和企业名,选择账号后点击登录按钮成功登录: 2.扫描绑定  账号登录后检测当前账号open_id为空,则展示当前弹窗(001管理员账号除外):…