文章詳情頁
css3 - 如何在PC網頁上預覽手機網站樣式?
瀏覽:198日期: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. 視頻文件不能播放,怎么辦?2. 前端 - 誰來解釋下這兩個 CSS selector 區別3. javascript - 求幫助 , ATOM不顯示界面!!!!4. javascript - ios返回不執行js怎么解決?5. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題6. html5 - HTML代碼中的文字亂碼是怎么回事?7. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?8. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處9. javascript - vue2如何獲取v-model變量名10. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示
排行榜
