用手机打开PC网页,会有诸多的不便,由于手机屏幕太小,所以网页缩小后字体也相应缩小,要放大才可以看清,但放大后网页又超出了手机的屏幕宽度,需要手动来左右拖动网页,操作起来相当麻烦。为了顾及手机用户的体验,网页手机版顺应而出,目前已有一些工具可以自动把网站生成手机网页了。
手机打开PC网页 最近把网站内容做了一个手机版,主要是调整好界面布局,不多余的东西去掉,以适合手机用户使用。现在有一个比较头疼的问题是,用户多数是记住PC端使用的主域名,而不去记手机端使用的二级域名,有什么办法改善这一状况呢。 我看到很多网站都是在PC网页的某个地方加上一个按钮,提示用户可以切换都手机访问,点击那个按钮即可。这不失为一个方法,但是我感觉这并不是一个好的方法,因为当用户打开PC网页时,内容堆得满满的,广告多的话会有点眼花缭乱,可能没有发现有个“手机版”的连接图标,这样的用户体验是比较差的。我现在想实现自动化,即是当用户用手机打开PC网页时,能自动跳到手机网页,有什么方法可以实现呢? 我后来想到的切入点是从浏览器来突破,每一个浏览器的userAgent是不同的,而主流的PC浏览器和手机浏览器都是十分有限的,可以通过网页程序来获得客户端浏览器的userAgent,进而判断客户端是PC还是手机,从而跳转到对应的网页。 js实现手机打开PC网页自动跳到手机网页 通过测试,前端js程序是可以实现这一功能的。如下面是主要判断代码: <script language="JavaScript"> 通过上面的js程序,便可实现手机打开PC网页自动跳到手机网页的功能。
|