PC模拟手机浏览器测试手机网站预览

手机网站在pc端如何预览,如何检测手机网站的效果,每次修改还需要拿一台手机修改一点,就在手机上刷一次看预览效果吗?

这么麻烦,而且效果还不实时,无法知道具体的像素、div、块的大小、间距、边距,只能凭感觉,靠猜。

web前端开发工作者就没有一个比较好的工具吗?

答案是肯定的!只是他们不愿意分享出来。

今天耶网小编 封 就给大家献上这个工具——实时预览手机网站,PC端测试HTML5手机网站的预览效果,并及时修改。

工具:http://tuweia.cn/c/home/a/responsive

PC模拟手机浏览器

使用方法:

见到如上图的功能按钮,我应该就不用多说如何使用了。

1、打开网站看到顶部有七个按钮,前面五个分别代表了PC端、平板电脑、手机端的横竖屏不同展示方式的效果。

2、右上角可以看到有提示性文字“输入网址查看”。

3、输入手机网站地址后,点击查看按钮预览。

4、这个时候你按下 F12 会发现好神奇!好方便!【不论你是IE还是360、遨游、chrome、火狐,亦或是其他的国产小清新浏览器,现在基本IE内核、chrome内核、火狐内核的浏览器都支持F12键】

 

欢迎试用后的各种吐槽与评价!

可以不经允许随意转载,分享:广州SEO,移动互联网营销 » PC模拟手机浏览器测试手机网站预览

分享的每套dede模板,整站带数据源码,wordpress模板,整站源码下载,帝国cms模板,带数据帝国cms网站,淘宝客源码,女性网站模板等源码的下载链接地址请咨询QQ索取。
赞 (0)
分享到: 更多