Shulou(Shulou.com)06/02 Report--

This article shows you how to debug the front-end application running on the iOS device on the Windows notebook, the content is concise and easy to understand, it will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

In my daily work, I need to test whether the front-end applications we develop work properly on different mobile devices, such as iOS devices and Android devices. The work laptop I use is Lenovo and the Windows operating system is installed.

Sometimes a developed front-end application works well on Android devices, but tests on iOS tablets find problems (a considerable number of front-end developers have encountered similar problems). I just want to debug it and find out why. So how can programmers debug a notebook with a Windows system when a front-end application runs on an iOS device?

Suppose my front-end application is this url: https://jerrylist.cfapps.eu10.hana.ondemand.com/ui5/.

Open the interface on IPAD as follows:

1. Install iTunes: https://www.apple.com/cn/itunes/download/ on a Windows laptop

After installation, your Windows laptop can successfully connect to the iOS device and recognize it.

two。 On the iOS device, on the menu iPad- > Settings- > Safari- > Advanced, open the "Web Inspector" option.

3. Download ios-webkit-debug-proxy-win32 from the github website:

Https://github.com/artygus/ios-webkit-debug-proxy-win32

Extract zip into a folder, and then add that folder to the Path environment variable.

4. In the CMD of the Windows system, type the following command line:

Ios_webkit_debug_proxy.exe-f chrome-devtools://devtools/bundled/inspector.html

Receive a message that Windows successfully listens for iOS device events:

Listing devices on: 9221

Connected: 9222 to Jerry's iPad

Visit: http://localhost:9221 in the browser

I can see my iOS device from the results list.

Click the hyperlink for localhost:9222, and then you can see another hyperlink that represents the web page currently open by my IPad's Safari:

Click on this hyperlink and the Chrome developer tool on your Windows laptop opens automatically. A dialog box pops up on IPad asking if you are allowed to debug. Click the "Approve" button to start debugging front-end applications on remotely connected iOS devices on Windows computers!

The above is how to debug front-end applications running on iOS devices on Windows laptops. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.