文章詳情頁
css3 - 如何在PC網頁上預覽手機網站樣式?
瀏覽:304日期:2023-07-17 08:54:02
問題描述
在線編輯器里的寫的一些html5+css3效果和手機瀏覽器上看到的不一致,反復調整測試很麻煩,有沒有方法可以在PC網頁上直接預覽手機網站樣式,非Google Chrome F12手機模擬器,要網頁上的。
問題解答
回答1:如果題主是說,發給客戶,讓客戶隨便拿個瀏覽器,而且讓瀏覽器全屏,不用知道任何瀏覽器本身的使用手段也能看手機效果的話,推薦按照這個思路:
把想要讓客戶預覽的手機網頁發布到公網,即使只是測試版。ngrok這樣的工具可以直接把你本地的localhost給發布到公網。一般得到類似http://cc007c0b.ngriok.io這樣的地址。
用responsinator這個站點,帶上你的手機網站的地址(最后得到http://www.responsinator.com/?url=cc007c0b.ngriok.io這樣的),把這個地址發給客戶看就好了。
回答2:現在最方便的就是在Chrome上使用手機瀏覽模式,或者firefox上的響應式設計模式
回答3:F12已足夠
回答4:Google Chrome手機模擬器看到的樣式基本上一致。為什么不用?
回答5:不是我用,是客戶用,客戶需要無論任何瀏覽器都能看到和手機瀏覽器里看到的效果一致。客戶不一定安裝Google Chrome。
回答6:叫客戶裝chrome。。不裝不給他玩。
標簽:
CSS
相關文章:
1. node.js - mongodb查找子對象的名稱為某個值的對象的方法2. 在mac下出現了兩個docker環境3. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]4. html5和Flash對抗是什么情況?5. 運行python程序時出現“應用程序發生異常”的內存錯誤?6. javascript - QQ第三方登錄的問題7. spring-mvc - spring-session-redis HttpSessionListener失效8. 利用IPMI遠程安裝centos報錯!9. 淺談Vue使用Cascader級聯選擇器數據回顯中的坑10. javascript - 在 model里定義的 引用表模型時,model為undefined。
排行榜

網公網安備