js -- 移动端pc端自动切换

【js -- 移动端pc端自动切换】的更多相关文章

js 设备判断（移动端pc端安卓ios 微信）

苹果安卓判断 $(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("安卓…

js -- 移动端pc端自动切换

1. 判断浏览器类型浏览器判断使用的github开源项目current-device,下面是地址: https://github.com/matthewhudson/current-device 在浏览器中可以使用下面地址进行浏览器引入,但是加载速度慢,不建议使用,我这里是直接下载本地. <script src="https://unpkg.com/current-device/umd/current-device.min.js"></script> 2. 根…

js实现禁止pc端浏览器缩放和获取当前页面浏览器的缩放大小

众所周知:移动端页面禁止用户缩放界面只需加上<meta name="viewport" content="user-scalable=0">即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放: windows: ctrl + +/- ctrl + 滚轮浏览器菜单栏 mac: cammond + +/- 浏览器菜单栏由于浏览器菜单栏属于系统软件权限,没发控制,我们着手解决ctrl/cammond + +/- 或 Windows下ctrl +…

js判断是pc端还是移动端

function checkMobile() { var pda_user_agent_list = new Array("2.0 MMP", "240320", "AvantGo", "BlackBerry", "Blazer", "Cellphone", "Danger", "DoCoMo", "Elaine/3.0", &…

移动端&PC端CSS样式兼容代码

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端有兼容性）

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'…

Charles如何抓取https请求-移动端+PC端

Charles安装完成,默认只能抓取到http请求,如果查看https请求,会显示unkonw或其它之类的响应.所以需要先进行一些配置,才能抓取到完整的https请求信息.下面针对PC端和手机端抓包的情况,分别进行说明. PC端如何配置才能抓取到https请求: 1．安装证书:在顶部工具栏中选择"help--Install Charles CA SSL Certificate": 2．然后会弹出证书信息,选择安装证书,接下来将证书存储改为:受信任的根证书颁发机构,接下来都点&quo…

JS手机访问PC端网站自动跳转到手机端网站

js判断是否pc端

function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod' ]; var flag = true; for (var i = 0; i < Agents.length; i++) { if (userAgentInfo.indexOf(Agents[i]) != -1) { fla…

js轮播功能标签自动切换同页面多轮播js

需要加入jquery 1.43及以上版本下面还有个简单版,一个页面只支持一个轮播同页面多轮播js <div> <div class="yt_content"> <ul class="ml_content_main ml_content_main_word ms__div"> <div class="cb"></div> </ul> <ul class="m…