問題描述

在線編輯器里的寫的一些html5+css3效果和手機(jī)瀏覽器上看到的不一致，反復(fù)調(diào)整測(cè)試很麻煩，有沒有方法可以在PC網(wǎng)頁上直接預(yù)覽手機(jī)網(wǎng)站樣式，非Google Chrome F12手機(jī)模擬器，要網(wǎng)頁上的。

問題解答

如果題主是說，發(fā)給客戶，讓客戶隨便拿個(gè)瀏覽器，而且讓瀏覽器全屏，不用知道任何瀏覽器本身的使用手段也能看手機(jī)效果的話，推薦按照這個(gè)思路：

把想要讓客戶預(yù)覽的手機(jī)網(wǎng)頁發(fā)布到公網(wǎng)，即使只是測(cè)試版。ngrok這樣的工具可以直接把你本地的localhost給發(fā)布到公網(wǎng)。一般得到類似http://cc007c0b.ngriok.io這樣的地址。

用responsinator這個(gè)站點(diǎn)，帶上你的手機(jī)網(wǎng)站的地址（最后得到http://www.responsinator.com/?url=cc007c0b.ngriok.io這樣的），把這個(gè)地址發(fā)給客戶看就好了。

現(xiàn)在最方便的就是在Chrome上使用手機(jī)瀏覽模式，或者firefox上的響應(yīng)式設(shè)計(jì)模式

F12已足夠

Google Chrome手機(jī)模擬器看到的樣式基本上一致。為什么不用？

不是我用，是客戶用，客戶需要無論任何瀏覽器都能看到和手機(jī)瀏覽器里看到的效果一致。客戶不一定安裝Google Chrome。

叫客戶裝chrome。。不裝不給他玩。