css3 - 如何在PC网页上预览手机网站样式?
伊谢尔伦
伊谢尔伦 2017-04-17 11:32:31
0
6
584

在线编辑器里的写的一些html5+css3效果和手机浏览器上看到的不一致,反复调整测试很麻烦,有没有方法可以在PC网页上直接预览手机网站样式,非Google Chrome F12手机模拟器,要网页上的。

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

reply all(6)
小葫芦

If the question is to send it to the customer, let the customer pick up a browser and make the browser full screen, so that they can see the effect on the mobile phone without knowing how to use the browser itself, it is recommended to follow this idea:

  1. Publish the mobile webpage that you want customers to preview to the public network, even if it is just a beta version. Tools like ngrok can directly publish your localhost to the public network. Usually you get an address like http://cc007c0b.ngriok.io.

  2. Use the responsinator site, bring the address of your mobile website (you end up with something like this http://www.responsinator.com/?url=cc007c0b.ngriok.io), and just send this address to the customer.

阿神

The most convenient thing now is to use the mobile browsing mode on Chrome, or the responsive design mode on Firefox

伊谢尔伦

F12 is enough

阿神

The styles seen by the Google Chrome mobile simulator are basically the same. Why not?

迷茫

It is not used by me, but by customers. Customers need to be able to see the same effect as seen in the mobile browser no matter what browser they use. Customers do not necessarily have Google Chrome installed.

阿神

Ask customers to install chrome. . If you don’t pretend, don’t let him play.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template