欧美国产日韩另类视频区,2025人妻中文字幕乱码在线,日本三级sm在线观看,小说区图片区另类春色,国产第一浮力影产院路线,欧美亚洲综合图片第一页

DSQC633A 3HAC031851-001 ABB模擬移動(dòng)設(shè)備單元模塊

網(wǎng)站測(cè)試變得越來(lái)越復(fù)雜。在幾個(gè)瀏覽器中檢查功能的日子早已一去不復(fù)返了。你的最新杰作必須在具有不同操作系統(tǒng)、屏幕分辨率和功能的一系列移動(dòng)、平板電腦和桌面設(shè)備上進(jìn)行嚴(yán)格評(píng)估。在極端情況下，它可能需要與原始開發(fā)一樣長(zhǎng)的時(shí)間。

觸摸屏、混合設(shè)備和高密度顯示器使該過(guò)程進(jìn)一步復(fù)雜化。如果使用鼠標(biāo)和鍵盤在普通PC上編寫代碼，則很難理解界面將如何運(yùn)行。鼠標(biāo)懸停等功能不一定有效，應(yīng)用程序可能無(wú)法運(yùn)行。但是，如何在開發(fā)期間在一系列操作系統(tǒng)上測(cè)試代碼并避免管理和在多個(gè)設(shè)備之間切換的痛苦?

幸運(yùn)的是，所有現(xiàn)代瀏覽器都提供移動(dòng)仿真工具，Chrome瀏覽器就是最好的工具之一。它可以幫助我們?cè)诓浑x開舒適的PC和開發(fā)環(huán)境的情況下盡早發(fā)現(xiàn)問(wèn)題。

開發(fā)者工具

啟動(dòng)Chrome，導(dǎo)航到要測(cè)試的網(wǎng)頁(yè)并打開開發(fā)人員工具(菜單>工具>開發(fā)人員工具，在macOS上為Cmd+Opt+ l，在Windows和Linux上為F12/Ctrl +Shift+ l) 。

現(xiàn)在可以通過(guò)單擊左上角的切換設(shè)備工具欄圖標(biāo)來(lái)啟用瀏覽器模擬器:現(xiàn)在將出現(xiàn)設(shè)備模擬:

雖然不完全是 iOS或Android模擬器，但可以選擇運(yùn)行這兩個(gè)平臺(tái)的許多移動(dòng)設(shè)備作為預(yù)設(shè)。觸控仿真

將鼠標(biāo)移到設(shè)備上以查看圓形“觸摸”光標(biāo)。這將對(duì)基于觸摸的JavaScript事件做出反應(yīng)，例如touchstarttouchmove和touchend。不應(yīng)發(fā)生特定于鼠標(biāo)的事件和CSS 效果。

按住Shift然后單擊并移動(dòng)鼠標(biāo)以模擬捏合縮放。

Website testing is becoming more and more complex. The days of checking functionality in several browsers are long gone.  Your latestmasterpiece must be rigorously evaluated on a range of mobile, tablet and desktop devices with different operating systems, screenresolutions and features.  ln extreme cases, it can take as long as the original development.

Touch screens, mixing devices, and high-density displays further complicate the process. If you’ re writing code on a normal PC with amouse and keyboard, it s hard to understand how the interface will work. Features such as mouse hovering may not work, and theapplication may not work. But how do you test code on a range of operating systems during development and avoid the pain ofmanaging and switching between multiple devices?

Fortunately, all modern browsers offer mobile emulation tools, and Chrome is one of the best.  lt helps us catch problems early withoutleaving the comfort of our PC and development environment.

Developer tools

StartChrome, navigate to the web page you want to test and open Developer Tools (Menu > Tools > Developer Tools, Cmd+ Opt+l onmacOS, F12/Ctrl +Shift+ l on Windows and Linux).

You can now enable the browser emulator by clicking the Switch device toolbar icon in the upper left cornerThe device simulation will now appear:

While not exactly an iOS or Android emulator,there are many mobile devices running both platforms that can be selected as presets. Touch simulation

Move your mouse over the device to see the circular “touch”cursor. This willreact to touch-based JavaScript events such astouchstart,touchmove, and touchend. Mouse-specific events and Css effects should not occur.

Hold Shift, then click and move the mouse to simulate pinching and zooming.

聯(lián)系人:

羅經(jīng)理

郵箱: 3248602330@qq.com

QQ : 3248602330

電話/微信:+86-18030183032