平常开发很常见的功能，在移动端需要根据javaScript来判断手机是安卓还是ios进行应用市场跳转。
现在很多老版的网站都会有m站，在我们使用移动端访问时会自动跳转到m站，那么如何判断客户端设备是电脑还是手机或者是平板呢，有的使用的是js判断方式，以前我们使用的方式也是这样的，但是这样是损失资源的，因为js判断是在页面上进行的操作，这样就会有数据的请求。然后，获取完数据，判断设备类型，进行跳转，再次获取数据，渲染页面。浪费了很多资源，也加长了用户的等待时间。
通过判断浏览器的 userAgent，用正则来判断手机是否是ios和Android客户端。代码如下：
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。 在 router/index.js 中添加两个页面
最近做的一个项目需要同时适配PC端和iPad及mobile移动端，由于PC端的设备屏幕宽度比iPad和mobile端大太多，因此页面布局需要进行区分。而前笔者在端项目中使用了vue和vue-router进行开发，也就是说需要根据当前客户使用的设备属于哪种客户端让路由决定进入哪种设备适配的页面组件。因此需要在邻项目路由的入口处判断客户使用的设备是PC、iPad还是mobile。
欢迎访问源码: https://github.com/ZZES-ZCDC/questionnaire_manage_bd
昨天，发布了《完美实现移动主题在 360 网站卫士缓存全开情况下的切换》一文，通过 JS 实现了主题在移动端访问时的自动切换，最后提到了可以在电脑版和移动版的 footer 里面加上手动切换链接，实现手动版本切换功能。 今早发现，电脑版切换到移动版是没问题了，但是移动版切换到电脑版，JS 将会再次工作uaredirect.js会再次做 UA 判断，然后由又跳回了电脑版！ 也就是说，手机上浏览无法手动切换到电脑版，看来还得继续折腾！ 于是，想到一个办法，给移动版的切换链接带上一个参数，再修改 uaredire
访问站点只要后面目录带apk（不管是文件还是目录），就会判断请求头，如果为手机移动端的请求头,就会跳转到博彩网站，如果是电脑PC浏览器，就会弹空白页访问站点，让你看不到跳转后的网址，只要域名后面地址带apk（不管是文件还是目录），就会判断请求头，如果为手机移动端的请求头,就会跳转bc网站，如果是电脑浏览器，就会弹空白页，最近也加上客户订单越来越少，领导也是着急，很大一部分客户渠道来源都从百度点击来的，静下心来看看网站到底是怎么回事，不看不要紧，简直吓我一跳。网站在百度里的收录增加许多，本来以为是更新的文章导致的，可是仔细一想也没那么多的收录呀，site:网站，点击到十页以后竟然发现了问题的关键，百度收录了一大堆我们网站没有的URL链接，复制那个我们域名的链接，提示不存在，从百度收录点进去跳转到BC网站。
Nuxt.js就是一个Vue的服务端渲染框架,和React的服务端渲染框架Next.js类似,
虽然当时构思的时候想法很丰满，但是做出来以后突然觉得功能好鸡肋。左右浮动切换上下篇算是唯一的亮点了。上下按钮用拖动方式体感上还不如直接用侧栏菜单的按钮功能来的方便。尤其是考虑到PC端，手机端，窄屏设备，触屏电脑等设备动作的监测判断。总是牵扯到一大堆的交集。然后就是点击动作在某个屏宽比下会执行两次。 Dorakika的代码我也没吃透，似乎有个长按以后能够拖动悬浮菜单的功能，搞不好我多删了一些代码，长按以后拖动的结束动作一直没法按照期望的来。 这个悬浮按钮不打算实装了，作为学习用吧。bug太多，不修啦。
近几年来，随着手机和pad的普及，越来越多的用户选择使用移动客户端访问网站，而为了获取更好的用户体验，就需要针对不同的设备显示出最合适的匹配，这样就是近年来流行的“响应式web设计”。 响应式web设计是一种纯前端技术js、css等实现的针对不同设备访问同一网址看到不同的布局，是页面内容更适合当前设备阅读。但这个不是本文的重点，重点还是放在nginx如何实现上来。 本文要讲的的是如何使用nginx区分pc和手机访问不同的网站，是物理上完全隔离的两套网站(一套移动端、一套pc端),这
今天整理下我们常用的js跳转代码，常用的js跳转代码比如：js倒计时跳转代码、pc站跳转手机站代码、在原来的窗体中直接js跳转用、在新窗体中打开页面用、js直接跳转代码、js返回代码、head标签内加如下代码实现页面定时自动跳转代码、self.location方式实现页面跳转、top.location方式实现页面跳转，具体请看以下代码，希望对你有帮助。
navigator对象有一个属性为userAgent，这是一个只读的字符串，声明了浏览器用于HTTP请求的用户代理头的值。所以我们可以通过判断navigator.userAgent里面是否包含某些值来判断。如下为userAgent的打印值。
通过JS判断访问设备并跳转对应HTML页面 <script type="text/javascript"> if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location = "手机页面.html"; //移动端访问跳转页面 } else { window.location = "电脑页面.html"; //PC端访问跳转页面 } </sc
用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发，与真机上的效果还是有些偏差，opera手机模拟器的效果亦不佳。有时在pc上开发出来的webapp效果良好，在部分真机上就出现了偏差，这时候就需要我们进行微调。 在pc上微调后发布到测试环境再在手机上看效果，开发很慢，效率很低。这时候就想着有一个可以在手机上调试的工具，可以随时更改参数随时看到手机上的效果，免去发布再测试、模糊估计参数不精准的麻烦，weinre就是一个这样的工具。 weinre可以在PC上远程调试手机上的
前天，张戈博客终于搞定了网站静态缓存下的移动端站点切换，从而也多了一个移动二级域名。于是又开始纠结这个 2 二级域名是否需要屏蔽搜索引擎的收录，毕竟内容一摸一样。 听 SEOer 们说，搜索引擎会将二级域名视为不同的 2 个站点，如此一来，我的移动站点是否要做相应的处理，就值得深思了。（如有清楚的站长，请告知，多谢~） 然而，就在今天百度搜索相关资料的时候，发现百度开放适配居然有三种方法...... 之前只注意到了百度开放适配的 sitemap 提交方法，张戈前后折腾了如下几篇文章： 1、百度开放适配专用
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
用以下内容可以自己手写一个 TodoList 小程序，再添加几行代码就可以用手机浏览器保存在桌面变成一个 web-app 使用！我自己写的托管在 GitHub，感兴趣的可以看看源码给个 star！~
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。
背景： 基友做了个APP，发了一排二维码，然后互相吐槽了一下，发现移动应用出现也一年了，虽然很简单，但是好像都懒得通过写个JS来判断然后发一个二维码让大家下载应用。虽然内容不多，而且没啥难度，但是动嘴不如动手，总要有人做，就专门整理一下。 简介： 提供了几个JS接口，通过这几个JS接口，可以轻松获取到当前打开页面的浏览器类型，然后根据类型跳转到对应的链接。同时也提供了两个demo方便大家参考。 对应链接：http://microdemo.bihe0832.com/MultiQrcode/index.htm
前段时间分享过利用 Meta 申明来做百度开放适配，前几天在解决 sitemap 报错问题时，看到了谷歌、雅虎及微软等搜索引擎开放适配方法，感觉有点意思，就折腾了下代码，现在来分享下。虽然她被墙了，但是我们应该怀着一颗乐观向上的心，随时迎接谷姐归来。。。 一、谷歌开放适配规则 对应 URL 举例： pc：http://zhangge.net/ 移动：http://m.zhangge.net meta 申明方法： a）pc 页面添加 meta： <link href=http://m.zhangge.net"
每个客户端都会有自己的 UA （userAgent）标识，可以用 JavaScript 获取客户端标识。
在近期的一个移动端项目中，有一个页面需要有弹框提示，并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动，在 iScroll 的配置当中把 tap 和 click 事件都开启了。 代码如下：
在智能移动终端横行霸道的今天，使用移动终端来访问网站的用户是越来越多，但针对PC用户开发的网站，在移动终端上的体验非常差，这不，我们开始针对移动终端也制作了体验相对更好的页面，那么我们怎么才能知道用户使用的是哪种终端来访问我们的网站呢，总不能让用户再来记一遍我们的手机站域名吧，查阅资料，有很多方法可以实现这个需求，现在将发现的方法记录如下：
使用微信支付的前提必开通微信商户号，要使用到那种的支付方式要前需在商户平台开通（要审核）。
大纲： 微信，小程序授权（ openId，unid，用户信息，手机号） 微信支付（H5，公众号，小程序，app） 微信上传图片（H5，公众号，小程序） 支付宝支付（H5，app）
由于移动设备的显示屏幕相对于桌面显示器来说小很多，在桌面显示器上能够正常显示的内容，到了移动设备中就不正常了。为了实现移动端和桌面端的相互跳转，我们可以通过JavaScript来判断当前的设备是否是移动设备，然后执行相应的代码。
唯一客服是一套Golang在线客服系统源码，可用做网页在线客服咨询软件，通用网站客服源码系统，智能机器人客服代码。同时还可用作手机app客服源代码,H5网页客服,公众号/微信小程序客服。
在pc版网页(http://pc_url) 上，添加： <link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" > 在移动版网页(http://mobile_url) 上，所需的注释应为: <link rel="canonical" href="http://mobile_url" > 之前的Meta标记（mobile agent）会继续沿用，但我们推荐使用HTMAL5语言制作的移动页面使用最新
Android 提供多种向用户呈现内容的方式，要提供与平台其他部分一致的用户体验，通常最好构建一个原生应用，并在其中融入框架提供的体验，某些应用可能需要增强对界面的控制，在这种情况下，可以使用 WebView 显示受信任的第一方内容。
上一篇文章《小程序静默登录方案设计》提到过，小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。
大家都知道，电脑、平板、手机的屏幕是差距很大的，比如在电脑上写好了一个页面，在电脑上显示很正常，但是若通过手机访问，那可能就会乱的一塌糊涂，这个时候怎么解决呢？有一种常见的办法是专门为手机定制一个页面，当用户访问的时候，判断设备是手机还是电脑，如果是手机则跳转到相应的手机页面，例如百度的就是，手机访问www.baidu.com就会跳转到m.baidu.com。
Phonegap项目，做支付的时候，当把网站打包到ios或android端成app后，在app上通过wap调用银联在线存在一个问题：
首先按照开发环境搭建教程来安装React Native在安卓平台上所需的一切依赖软件（比如npm）。
说到逆向APP，很多人首先想到的都是反编译，但是单看反编译出来的代码很难得知某个函数在被调用时所传入的参数和它返回的值，极大地增加了逆向时的复杂度，有没有什么办法可以方便地知道被传入的参数和返回值呢？
JavaScript 中实现自动检测用户是否使用移动设备，并据此跳转到对应的手机移动网页，通常可以通过检查 navigator.userAgent 属性来识别用户代理字符串中包含的设备信息。以下是一个简单的示例，展示如何基于用户使用的浏览器类型进行判断并跳转：
通过设备类型判断要加载的网页类型 , 一般会在域名前添加 m 打开移动端 , 如京东域名为 jd.com , 使用 m.jd.com 可以访问其移动端页面 ;
用 js 限制网页只在手机端中打开，网站屏蔽 PC 端访问 JS 代码，网站只允许手机端访问。
用js限制网页只在手机端中打开，网站屏蔽PC端访问JS代码，网站只允许手机端访问。
需求总是不断在变。 有时候我们需要针对不同的访问方式指定不同的页面或者URL。 如仅是几个静态页面进行切换，那么可以用js进行判断跳转，如：
一、事件触发顺序 PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击行为，可被拆解成：mousedown -> mouseup -> click 三步。 手机上没有鼠标，所以就用触摸事件去实现类似的功能。touch事件包含touchstart、touchmove、touchend，注意手机上并没有tap事件。手指触发触摸事件的过程为：touchstart -> touchmove -> touchend。 手机
我一想，对吼，我咋个就没想到呢，传统的hexo博客大多采用在文末放置评论区的方式，这样如果是在阅读长文的时候，突然有个问题了，然后想在评论区提问或者在评论区找答案，那就要拉倒最底下评论完再回来继续看。或者就是全文看完了才方便提问。不管是哪一种，都会造成阅读的割裂感，这种时候，如果可以保留当前的阅读进度，同时还能打开评论区同步阅读评论，岂不美哉？
微信登录组件 此组件是项目中用到的，项目结束了，分享给大家，希望能对大家有所帮助 这里只讨论怎样解决需要已登录状态才能继续操作，具体登录逻辑不做讨论 源码已经上传GitHub --> zy-login-view 求Star 需要已登录状态才能继续操作这个具体应用场景我相信产品经理们能够给你一个详情解答 这里我们具体分析一下： 我们点击一个视图View（其实很少是Button，而登录却需要Button）进行某项操作 --> 已登录 --> 执行该操作 --> 未登录 --> 登录 --> 自动继续该操作 当
宝塔面板更新后原来的“跳过强制手机号登陆绑定账户”方法已经失效因为新版本宝塔面板已经开始验证 userInfo.json，而且目前没有任何的方法可以跳过强制手机号登陆绑定账户的解决方法，宝塔面板强制登陆问题，因为登陆信息与软件列表绑定。目前无法直接破解、删除、绕过登陆。只能通过降级到宝塔面板 7.7.0 来解决这个问题。
屏幕大小指屏幕的对角线的长度，单位一般是英寸。常见的手机屏幕大小 3.5、4、4.7、5.0、5.5、6.0等。常见手机屏幕查看网址 http://screensiz.es/
关于salesforce手机端的开发有一个应用叫【Publisher Playground】，今天简单讲一下配置以及如何适用于Community Cloud，ios系统和安卓系统都可以。
第一种，常见于电商系统中，用户购买商品的时候，为了识别用户多平台的账号，往往用手机号去做一个联系，这时候需要用户去授权手机号。
PS：小程序一般的开发思路就是尽量前端能办的少麻烦后端，减少交互。这样用户体验就上去了。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
