中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

如何在電腦上測試手機網(wǎng)站(三)—— Opera 篇

2018-07-20    來源:編程學習網(wǎng)

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用

1.修改user-agent

和chrome和firefox類似,可自行安裝插件,自opera12之后,opera改用webkit內(nèi)核,故可安裝chrome的插件,也可自行在opera的商店中搜索插件

User Agent Changer下載:?https://addons.opera.com/zh-cn/extensions/details/user-agent-changer/?display=en

2.Opera Mobile Emulator + dragonfly*

下載適合自己的版本,安裝完畢會開如下界面:

211055459699092

左側(cè)選擇平臺,右側(cè)選擇參數(shù),選擇完畢點擊啟動,如下的幾面,用過手機opera的朋友會很熟悉,就是手機opera

211057415935250

關于opera mobile emulator的更詳細介紹參看文章末尾參考資料的相關內(nèi)容。

但此時,還是只能看而已,不能調(diào)試模擬器里的網(wǎng)站,這里需要dragonfly配合以實現(xiàn)調(diào)試,由于opera12后換了內(nèi)核,不能安裝dragonfly了,所有你需要一款opera12的瀏覽器,和dragonfly的離線包,配置好后具體如何連接請參看這里http://www.opera.com/dragonfly/documentation/remote/

全部設置好后即可實現(xiàn)在電腦上調(diào)試手機網(wǎng)頁,如下圖所示:

211719356519190

opera12下載地址:http://yanhaijing.7958.com/down_10918696.html

dragonfly中文離線包下載地址:http://yanhaijing.7958.com/down_10918700.html

opera mobile emulator下載地址:http://www.opera.com/zh-cn/developer/mobile-emulator

模擬器*

1.官方模擬器*

做安卓開發(fā)的肯定都知道安卓模擬器,這是谷歌官方的提供的開發(fā)環(huán)境,能模擬安卓環(huán)境,還可切換各個版本,可下載配置好的環(huán)境,然后打開eclipes,直接打開AVDM,穿件一個AVD,然后start,如下圖:

211115389958035

要等一大會時間,會打開模擬器,和安卓環(huán)境一樣,打開里面的瀏覽器測試即可。但我的瀏覽器打不開不知道為什么,郁悶的很啊。

211117386721896

下載地址:http://developer.android.com/sdk/index.html

2.bluestacks

這也是一款模擬器,可自行搜索,本人安裝后電腦就卡死了,可能我的電腦配置不行吧,看介紹還是不錯的。

在線測試

在線只能測試界面的視覺效果,不能調(diào)試,但也是很不錯的。

1.Mobile Emulator*

非常不錯,速度也很快,界面很簡潔,支持多種平臺。

http://emulator.mobilewebsitesubmit.com/

211125193257696

2.opera mini simulator

需要java環(huán)境支持,單一平臺,opera出品,速度很快。

http://www.opera.com/zh-cn/developer/opera-mini-simulator

211129023349090

3.webpage mobile

說實話弄了半天也沒弄出來,大大的鄙視下吧,但是能測試的平臺很全面。

http://www.webpagetest.org/mobile

總結(jié)

以上列出了多種方法,各有利弊,希望大家選擇適合自己的方法,本人推薦chrome自帶模擬器和opera mobile emulator + dragonfly的方法。因為這兩種方法,接近真是手機環(huán)境,又能調(diào)試css和js。

當然文中沒有提到的還有最好的方法就是你有一臺手機,那就太好了,配合遠程調(diào)試,是最最理想的辦法。

標簽: isp 谷歌 搜索

版權申明:本站文章部分自網(wǎng)絡,如有侵權,請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:.NET中的六個重要概念:棧、堆、值類型、引用類型、裝箱和拆箱

下一篇:C# 6和 VB 12的最新特性列表