DSQC633A 3HAC031851-001 ABB模拟移动设备单元模块

网站测试变得越来越复杂。在几个浏览器中检查功能的日子早已一去不复返了。你的最新杰作必须在具有不同操作系统、屏幕分辨率和功能的一系列移动、平板电脑和桌面设备上进行严格评估。在极端情况下，它可能需要与原始开发一样长的时间。

触摸屏、混合设备和高密度显示器使该过程进一步复杂化。如果使用鼠标和键盘在普通PC上编写代码，则很难理解界面将如何运行。鼠标悬停等功能不一定有效，应用程序可能无法运行。但是，如何在开发期间在一系列操作系统上测试代码并避免管理和在多个设备之间切换的痛苦?

幸运的是，所有现代浏览器都提供移动仿真工具，Chrome浏览器就是最好的工具之一。它可以帮助我们在不离开舒适的PC和开发环境的情况下尽早发现问题。

开发者工具

启动Chrome，导航到要测试的网页并打开开发人员工具(菜单>工具>开发人员工具，在macOS上为Cmd+Opt+ l，在Windows和Linux上为F12/Ctrl +Shift+ l) 。

现在可以通过单击左上角的切换设备工具栏图标来启用浏览器模拟器:现在将出现设备模拟:

虽然不完全是 iOS或Android模拟器，但可以选择运行这两个平台的许多移动设备作为预设。触控仿真

将鼠标移到设备上以查看圆形“触摸”光标。这将对基于触摸的JavaScript事件做出反应，例如touchstarttouchmove和touchend。不应发生特定于鼠标的事件和CSS 效果。

按住Shift然后单击并移动鼠标以模拟捏合缩放。

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.

联系人:

罗经理

邮箱: 3248602330@qq.com

QQ : 3248602330

电话/微信:+86-18030183032