在线编辑器里的写的一些html5+css3效果和手机浏览器上看到的不一致,反复调整测试很麻烦,有没有方法可以在PC网页上直接预览手机网站样式,非Google Chrome F12手机模拟器,要网页上的。
小伙看你根骨奇佳,潜力无限,来学PHP伐。
如果題主是說,發給客戶,讓客戶隨便拿個瀏覽器,而且讓瀏覽器全屏,不用知道任何瀏覽器本身的使用手段也能看手機效果的話,推薦按照這個思路:
把想要讓客戶預覽的手機網頁發佈到公網,即使只是測試版。 ngrok這樣的工具可以直接把你本地的localhost給發佈到公網。一般得到類似http://cc007c0b.ngriok.io這樣的地址。
http://cc007c0b.ngriok.io
用responsinator這個站點,帶上你的手機網站的地址(最後得到http://www.responsinator.com/?url=cc007c0b.ngriok.io這樣的),把這個地址發給客戶看就好了。
http://www.responsinator.com/?url=cc007c0b.ngriok.io
現在最方便的就是在Chrome上使用手機瀏覽模式,或是firefox上的響應式設計模式
F12已足夠
Google Chrome手機模擬器看到的樣式基本上一致。為什麼不用?
不是我用,是客戶用,客戶需要無論任何瀏覽器都能看到和手機瀏覽器裡看到的效果一致。客戶不一定安裝Google Chrome。
叫客戶裝chrome。 。不裝不給他玩。
如果題主是說,發給客戶,讓客戶隨便拿個瀏覽器,而且讓瀏覽器全屏,不用知道任何瀏覽器本身的使用手段也能看手機效果的話,推薦按照這個思路:
把想要讓客戶預覽的手機網頁發佈到公網,即使只是測試版。 ngrok這樣的工具可以直接把你本地的localhost給發佈到公網。一般得到類似
http://cc007c0b.ngriok.io
這樣的地址。用responsinator這個站點,帶上你的手機網站的地址(最後得到
http://www.responsinator.com/?url=cc007c0b.ngriok.io
這樣的),把這個地址發給客戶看就好了。現在最方便的就是在Chrome上使用手機瀏覽模式,或是firefox上的響應式設計模式
F12已足夠
Google Chrome手機模擬器看到的樣式基本上一致。為什麼不用?
不是我用,是客戶用,客戶需要無論任何瀏覽器都能看到和手機瀏覽器裡看到的效果一致。客戶不一定安裝Google Chrome。
叫客戶裝chrome。 。不裝不給他玩。