王志勇 发表于 2021年01月27日 08:01
PC版、手机版的样式表大部分一样,只有部分字体大小,部分宽度不一样。也有人喜欢把网页做成响应式网页来自动适应PC版、手机版,各有利弊,响应式网页设计更复杂,并不见得很实用,所以我没有采有这种方式,用判断浏览器类型的方式反而简单、灵活一些。
用安卓手机来预览手机版网页,手机必须Root,因为需要修改hosts文件,才能用手机浏览本地电脑的文件。从安卓5.0之后,有部分手机能Root,部分手机不能Root,安卓6.0之后就彻底不允许Root。所以可以选用一台能Root的安卓5.0手机,或者安卓4.4以及之前版本的手机,我常用的3台测试网页的手机分别是安卓5.0、4.4、4.2。
不能Root的手机也可以测试,但无法修改hosts文件,只能访问www上的远程网页。
修改手机hosts文件的方法,错一步都会失败:
1. 请先把手机Root,最好的Root软件是Kingroot。
2. Root成功后,请打开“ES文件浏览器”→菜单栏 工具→Root工具箱,选择“开”。
3. 用ES文件浏览器,选择“/根目录”,打开/etc目录,把此目录下的hosts文件(无扩展名),用ES文件浏览器WIFI无线传输到电脑中,此时电脑需要提前设置好局域网共享。
4. 电脑用PHP等语言,编写一个文本处理工具,步骤是打开文本文件→删除chr(13)→写入文件,或者用其它文本工具,打开hosts文件。
5. 电脑必须固定IP,比如我设定的是192.168.8.8。
6. 编辑hosts文件,需要注意2点,一是\r,也就是PHP的chr(13)的字符必须删除,二是hosts文件最后一行必须有一行空白行,这2点缺一不可,都会导致无法生效。
7. 再把编辑好的hosts文件,回传到手机的/etc目录,直接生效,手机不需要重启。
比如我的电脑IP是192.168.8.8,hosts格式为:
192.168.8.8 auiou.com www.auiou.com
192.168.8.8 abc.com www.abc.com def.com
(空白行)
多域名之间,用空格隔开,也可以回行再写IP、域名。
上述是真机测试的方法。很多时候,用PC浏览器,修改为手机UA,也有一定的效果,因为这样能节省手机电量,不用总是按手机。最容易修改UA的是火狐浏览器,设置方法如下:
在火狐浏览器,地址栏输入:about:config
搜索:general.useragent.override
如果找不到,鼠标右键→新建→字符串→general.useragent.override→值填写:
HS-U978/1.0 Linux/3.4.5 Android/4.2.2 Browser/AppleWebKit534.30 Profile/MIDP-1.0 Configuration/CLDC-1.0
上述值也可以简写为:
HS-U978/Android
把火狐浏览器恢复为PC版:
about:config
搜索:general.useragent.override
鼠标右键→重置
置顶的文章:
论朋友圈可以发什么?
短信验证开发的方案分享
巡回更新:2018-09-21
速度是永恒的主题
UTF-8、HTTPS原来都是浮云
https安全吗?
独立博客有必要安装https吗?
近期的主题:
为什么本博客一定要谈2023问题?
博客和短视频的贡献本质
真玄学心得(12):寓意和禁忌
人生讨论(2):女人为什么这样?
人生讨论(1):信佛和人性
如何正确看待2023~2027/通过2023问题谈创业
梦见超大规模UFO
真玄学讨论(2):谈谈霸凌
真玄学心得(11):为什么称为真玄学?
还是想重回贴吧
网页如何在1秒内打开?
真玄学讨论(1):谈谈到手刀
优惠流量卡失败记
数码评测(49):解析一套较为主流的老配置如何起飞
数码评测(48):LM2596S和XL4015降压板的差别
为什么有些博文关闭评论(1)?
真玄学心得(10):正确记账和财富变化
由域名想到的资本的善恶
为什么UFO信息总是美国先传出的?
互联网络现状(1)
版权声明:本博客所有文章,均符合原创的定义,禁止转载,违者将必究;正确的方法是贴原文的标题和网址即可。
与此相关的链接
自由勇专栏
Blog存档 Archives
2021年12月(11)
2021年11月(16)
2021年10月(18)
2021年09月(14)
2021年08月(19)
2021年07月(15)
2021年06月(9)
2021年05月(17)
2021年04月(25)
2021年03月(6)
2021年02月(17)
2021年01月(30)
2020年12月(19)
2020年11月(18)
2020年10月(15)
2020年09月(14)
2020年08月(14)
2020年07月(14)
2020年06月(16)
2020年05月(13)
2020年04月(18)
2020年03月(14)
2020年02月(15)
2020年01月(16)
2019年12月(11)
2019年11月(26)
2019年10月(25)
2019年09月(30)
2019年08月(10)
2019年07月(29)
2019年06月(30)
2019年05月(26)
2019年04月(30)
2019年03月(30)
2019年02月(30)
2019年01月(30)
2018年12月(30)
2018年11月(30)
2018年10月(30)
2018年09月(17)
2016年-2017年(9)
2014年06月-09月(10)
2013年 +