判断是否手机登陆

需求

项目的网站时做的手机网页,但是没有考虑到自适应pc端,只是在chrome中固定了手机屏幕大小,所以在pc端查看会很丑,布局是乱的;但是重写又很麻烦,所以有必要做一下提醒,让用户手动将网页缩小到手机屏幕大小。

用到

非手机检验和cookie记录

方法

这段代码是使用了cookie来控制的

  1. 使用cookie让浏览器记住页面已经打开过一次,当前页面刷新不会弹出提醒。
  2. 浏览器一旦关闭,保存这个记录的cookie文件将被删除。重新打开浏览器弹出窗口会再次出现,从而确保了在原有的窗口基础上只打开一次。

判断非手机登陆方式

1
2
if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
alert("为了提高体验效果,请把页面缩小成手机屏幕大小。\n谢谢合作!");
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script type="text/javascript">
try{
var alertmessage="为了提高体验效果,请把页面缩小成手机屏幕大小。\n谢谢合作!";
var once_per_session=1
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function alertornot(){
if (get_cookie('alerted')==''){
loadalert();
document.cookie="alerted=yes";
}
}
function loadalert(){
if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
alert(alertmessage);
}
if (once_per_session==0)
loadalert();
else
alertornot();
} catch(e)
{
alert(e);
}
</script>



本文链接: http://home.meng.uno/articles/d23d13ae/ 欢迎转载!

© 2018.02.08 - 2020.10.14 Mengmeng Kuang  保留所有权利!

UV : | PV :

:D 获取中...

Creative Commons License