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模拟手机浏览器测试手机网站预览

赞 (0) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏