這是我們第七條中介紹了一系列有用的和免費的工具和技術,開發和發布的Web設計界的活躍會員。第一篇文章涉及PrefixFree第二次推出的基金會,一個負責任的框架;提出Sisyphus.js第三,庫類似Gmail的客戶端草稿。第四共享一個免費的插件我們稱為GuideGuide,后來我們已經宣布了Erskine的響應的網格生成Gridpak和雷米夏普的調試工具JS斌。
是早在2012年,當商品編碼新發行版的的Opera Mobile 10,我歌舞劇院的同學確定調低的Opera Mobile新發行版的的電腦,使生爆出并不是對平常的運動游戲平臺為基本,但Windows和Linux。原有代替產品品質以確保和測試,也證實了以上系統桌面新發行版的是的使用的Web開發建設,可在臺式一體機機里的使用的Opera Mobile.了所需做的其他測試的移動設備里,移動設備挑選器渠道突然之間ALT /操作命令+ Tab鍵從各位的文本文檔小編器-有趣! 故而,人們取決,以徹底消除魚尾紋的位,不斷增加了MAC搭配工作區,并把它換成其中一位三公開常用的定制設計軟件工具,叫做Opera Mobile的仿真模擬仿真器。在其中一位很多小的厚度時,Opera Mobile模擬仿真器能否從Opera的定制設計者官方網站,或從Mac App Store的移動手機免費在線下載,并裝配它是單純的。搜索引擎和移動界面設計顯示是完完全全似的的,當您在移動手電腦上正常運行的Opera Mobile,而臺面某個的鉤子,如搭配壓縮文件選澤器,數字鍵快鍵鍵鍵和操作命令行因素,送給你一點點另外的調節實用功能。在這篇內容中,他們將看著是怎樣的食用Opera Mobile的仿真技術器來組建異常的制作,他們將研討會許多更千奇百怪的軟件設置。 信息披露:我運轉的OperaAPP集團公司的Opera Mobile養成器是設備運營總監,除相關方式方法。
(非凡的邊注:你已經買了全新的非凡的書#3本書介紹了新的實用技術和進步的網頁設計了一個全新的思維方式。今天你的書!)
基本用法
通電摸擬器時,即將到來你的顯卡配制單材料決定。安全使用顯卡配制單材料的右側,你是否以通電個或2個Opera中移動裝置單一的布置實列。如,決定“HTC想要”各人姿料將推行的Opera Mobile在WVGA(480×800移動像素)的150%調整圖片大小類別肖像摸式,如同它在預期的HTC Desire移動。只要您決定有差異 的顯卡配制單材料,布置個獨自的Opera Mobile的實列將推行與該顯卡配制單材料相輸入。可不能夠跳轉輸入的URL中的地止的咖啡廳(obviously!),否則的話拖放上閱讀器視口最大化中的其它文件資料或URL的選項卡。選項卡導航系統都也很比較簡單:彈窗連接水閥品牌,能夠不能夠安全運行兩指動作觸控板來調大和調小選項卡。這樣是后一個沒有順利業務,能夠不能夠在你的工具上安全運行您的鼠標鍵盤滾珠,或在彈窗“+”和“ - ”出現了在閱讀器視口最大化的遍布,從你平行調大。 大家會察覺產于周圍八方來,人工破水Opera Mobile的情況下,不錯設定大小不一和訪問系統的方式 將對應優化。這都是,顯然,有所差異的的主設備上的打開網頁器是一個全顯示屏的操作過程的成就,不過只有你想檢查你的視口的?meta價簽或自媒體查到設備崗位在有所差異的的顯示屏尺碼,它在常更方便的。客觀事實上,設定的Opera Mobile的經典案例來檢查有所差異的的方式 會讓你一更實在的感想,是做都的臺面打開網頁器的視口的動作,這是由于交給不能回應有所差異的的視口設備,故而可能會視口涉及到的腳本錯誤被忽略。
值不值得一提的在Opera Mobile模擬系統器的環保設備凈寬主流媒體查尋查尋在電子產品手機大屏的凈寬,而凈寬面世的Opera Mobile的實驗總結。別的,要玩家能夠是有好奇心在體檢當中的差距縱向設計和側向的,玩家能夠以采用Alt / Option鍵+ R組和鍵,或鼠標點擊“電動機手機大屏”按紐在左下角。 不過,所有人的運作流程步驟并不同的,我那里,以幫助到你更很好的,沒法律規定。固然,沒任何比在現實上的系統上檢查,這是由于大家會達成兩個準確度的定義的適用手感,您的系統在移動的氛圍中,在系統上都有限的CPU等。以至于,現實上的的系統檢查是不耐煩的,所有我寧肯撤出它,也許有一天我的業務已達成最好不要阿爾法品質,寧肯兩個迅速的(1)進步,(2)適用Opera Mobile摸擬器檢查,而且也達成了業務(3)校準更新掉在樓上。
高級啟動選項
在右則的性能zip文件名稱挑選器,你能發現其他性能zip文件名稱首選項。 “解決方案怎么寫”下拉二級頁面讓大家的取舍了了些比較常見的電腦屏幕長寬高和角度彼此,的高級設置生成您個人的。“象素密度單位”的下拉二級頁面全部中的PPI值的HTC Desire,真是252,這將形成150%的默認值的微距和devicePixelRatio?1.5進行時。的取舍的PPI,譬如,285上,其他的方面,將形成200%在一位縮小最高級別和對應的devicePixelRatio?2。 其實,這么的組成很有可能所不相同的鑒別率和分辯率導熱系數值,每次配制文件夾和印象如果在視那里的個人行為,包括選定哪些問題電視媒體查到適用。 后,“錄入法”二級菜單欄,允許的你抉擇三大錄入機制之中有些UI和UA的發生變化都有:
- “觸摸”?
,此選項將啟動Opera Mobile的觸摸屏手機上使用的UI進行了優化,并給它一個UA字符串歌劇院摩比。 - “鍵盤”,
此選項將推出的Opera Mobile與非觸摸屏手機優化的用戶界面和快捷鍵-開發者的方便,鼠標點擊,平移和縮放手勢仍然可以工作,雖然。UA字符串將包含歌劇摩比。 - “平板電腦”?
,此選項將推出的Opera Mobile與平板優化的UI。在這種情況下,的UA字符串將包含歌劇院平板電腦。
帶參數啟動
在配置單程序任選擇最后的1個界面的參數指標設置字段名,這行確是最猛大的1個的一幫人。在里,你行錄入些許參數指標設置或標識,這將被代替啟動時1個新的Opera Mobile的范例。如,凸顯面積320×480網頁地址www.opera.com將推行的Opera Mobile與窗子面積為320×480清晰度,并打開www.opera.com。 這種圖標也可不可以在強制性行。同意事情下,在Opera Mobile模擬機器可來執行相關文件從下面的職位:
- MAC?
/應用/ Opera Mobile的Emulator.app /目錄/資源/歌劇Mobile.app的/目錄/馬喬什/ - Windows的
C:\ Program Files文件\的Opera Mobile模擬器\ - Linux的
/ usr / bin中/
- 蘋果
/歌劇\ Mobile的顯示尺寸320×480網址www.opera.com - Windows的
OperaMobileEmu.exe顯示尺寸320×480網址www.opera.com - Linux的
operamobile顯示尺寸320×480網址www.opera.com
- displayzoom
這是有用的,如果你想Opera Mobile的實例的大小,以減少占用您的桌面上,同時保留其報告的寬度和高度值,devicePixelRatio和等。換句話說,如果你想嘗試一下“三星GALAXY NOTE”的個人主頁上,這將導致在瀏覽器的尺寸為800×1280像素,那么你就可以添加-一- displayzoom 50標志啟動它的四分之一尺寸的表面400×640像素-高900像素的屏幕,例如,一臺MacBook Air的一個更好的匹配。 - - monitorppi
,另一方面,允許您設置您的計算機顯示器(例如,monitorppi 128的13英寸的MacBook Air)的生產者價格指數和推出的Opera Mobile的實例與調整,以匹配的物理尺寸縮放因子的異形手機的屏幕。這會給你一個更好的主意有多大,也就是說,可點擊的區域真的會在實際設備上加載頁面時,但請記住,你將在屏幕上的PPI將不能代表你會看到設備。
在瀏覽器中設置
有件事要謹記的是,或許投入市場了Android性能文件下載的Opera Mobile的樣例,UA可能會產生所區別。您應該改變UA標識符串投入市場的Opera Mobile后,利用抉擇灰色的“O”?設定→中高級→消費者經銷,在哪里你應該抉擇三個高級軟件軟件設置,有“機子人”假若你必須要設定另一位根本自定位UA標識符串,歌劇:性能的URL字段串中搜所“自定位的User-Agent。”在該領域,你應該設定另一位自定位的UA標識符串,這將包含所以其他的UA標識符串。 引起表示的是布置清空的cookies,內存和互享地段,發展在布置→隱私權,并鎖定到開起大屏上的數字鍵,發展下布置→高等→戲劇院數字鍵的選項卡。連接到先進的Opera蜻蜓調試
在一些Web內容中,一 個點時,你相對須得看看吧雙引擎蓋下的閱讀器中找到一些是怎么會件事情。這也就是為一些Opera Mobile的仿真模型器也可以與Opera的Opera蝴蝶,內設的Web接線。您也可以愉快地裝置給出:
- 下載,安裝和運行Opera的桌面。
- 將一個網頁在Opera的桌面,用鼠標右鍵單擊任何地方,并點擊“檢查元素”的啟動Opera蜻蜓。
- 在Opera Dragonfly,單擊“遠程調試配置”按鈕(在右上角的第三個按鈕),然后單擊“應用”(默認設置就可以了)
- 然后,打開Opera Mobile的仿真器和啟動Opera Mobile的實例。
- 歌劇:在Opera Mobile的調試,然后單擊“連接”(默認設置就可以了)
- 您現在已連接,并且可以加載任何你想要的網頁在Opera Mobile調查。修改標簽的時候,一定要選擇正確的調試環境(在右上角的第四個按鈕)在Opera Dragonfly。