WEB主題公園
WordPress原創(chuàng)主題,高端網(wǎng)站模板建站,網(wǎng)站模板建站資源以及開發(fā)知識分享,盡在WEB主題公園
WEB主題公園致力于開發(fā)適合中國人習(xí)慣的中文WordPress網(wǎng)站模板,并提供全程視頻教程,讓您能夠輕松的使用網(wǎng)站模板建立好自己的網(wǎng)站!
wordpress建站技巧:使用谷歌瀏覽器查看移動端網(wǎng)站的顯示
使用wordpress主題建立手機端,不需要使用2臺設(shè)備
我們在使用wordpress主題編輯手機端網(wǎng)頁的時候,很多時候需要兩臺設(shè)備,pc和手機去查看修改之后手機端的效果;
這樣的操作不僅比較麻煩,而且在操作的時候只能看到一臺移動設(shè)備也就是你的手機上面的效果。
如果我們希望查看不同的設(shè)備,如手機就有很多中品牌和尺寸,以及平板電腦上的效果,這樣如果我們堅持使用設(shè)備測試我們的wordpress主題移動端的效果,那么基本上是不太可行的。
有的朋友說那么我可以縮小瀏覽器,查看各個尺寸上,網(wǎng)頁的變化不就行了?
有的wordpress主題的確可以達到這樣的效果,那就是完全響應(yīng)式網(wǎng)站,通過變換瀏覽器窗口尺寸進行適應(yīng)和變化,
而還有一種不完全響應(yīng)式網(wǎng)站,也就是WEB主題公園的wordpress主題所采用的技術(shù),大家知道,很多的效果代碼和基礎(chǔ)代碼手機瀏覽器和pc瀏覽器的兼容是不一樣的
有的代碼只能在手機上完全兼容,而pc上使用的話 很多的瀏覽器就不兼容了,反過來,pc上很多的效果非常出眾的代碼,在手機上則會非??D,甚至讓設(shè)備卡死(由于手機的配置和pc是無法相比的)
這樣一來我們需要在pc上使用一些特定的代碼,而在手機上也是用特定的代碼,讓pc上的瀏覽器兼容性更完全,而手機上的特效更流暢。
因此WEB主題公園采用的是,識別設(shè)備,從而加載不同的代碼的方式,因此縮小瀏覽器窗口是無法達到如此變化的,我們需要新的方式查看。
使用谷歌瀏覽的移動端查看功能,一臺PC就能夠測試所有設(shè)備
我們可以使用谷歌瀏覽器或者360瀏覽器的極速功能(360的極速也是封裝的谷歌核心,和谷歌一樣),不僅可以pc和移動設(shè)備切換,移動設(shè)備還可以選擇不同型號不同尺寸的設(shè)備,以及自定義尺寸的設(shè)備進行查看。
下面介紹下使用的方法:
1.打開谷歌瀏覽器,先不要輸入網(wǎng)址,按下F12鍵,按下之后出現(xiàn)了調(diào)試模式的控制面板,找到面板上的手機圖標(biāo),點擊:

點擊完成之后可以看到,瀏覽器顯示模式被變換了,而顯示區(qū)域上方出現(xiàn)一個下拉選框,這樣我們就可以通過這個選框來選擇我們需要顯示的設(shè)備了:

而在右側(cè),我們還可以查看到相應(yīng)的源碼,是非常方便的,瀏覽器顯示的方式,還可以通過拖拽邊緣增加他們的寬度,以達到自定義設(shè)備的尺寸
還有值得注意的是,如果直接輸入網(wǎng)址切換到移動端,是不會是別的,需要刷新一下。
總之是非常簡單的,如果沒有谷歌瀏覽器,使用360瀏覽器的極速模式也是可以的。
所以如果需要查看wordpress主題的移動端效果,就不需要使用自己的設(shè)備去查看了,另外WEB主題公園的主題的演示也是可以使用這個方法的哦,不妨可以嘗試使用這個方法查看WEB主題公園的wordpress主題移動端顯示狀態(tài)。
如未標(biāo)明出處,所有文章均為WEB主題公園原創(chuàng),如需轉(zhuǎn)載,請附上原文地址,感謝您的支持和關(guān)注。
本文地址:http://www.dengyin90.cn/wordpressjzjqsyggllqckyddwzdxs.html
推薦閱讀
- 2017年6月24日
- 2016年10月6日
- 2015年4月27日
- 2017年2月23日
- 2019年1月29日
- 2016年11月18日
- 2016年10月12日
- 2014年11月7日




