I access web inspector through http://simulatorIPaddress:1337/ in chrome on the desktop and I can inspect any pages of the Browser on my simulator. I've built the WebWorks app with the bbwp command with -d flag added. When I start the app the pop-up with Web Inspector Enabled appears. Development Mode is turned on, Web Inspector is turned on. However, only the browser appears in the Web Inspector list. Can anyone help on this? Should the developer mode IP matter? Should the pop-up show an IP address? Thanks.
Every web inspector session is on its own port. So if the browser is already using 1337, your session is likely on port 1338.
Related
Android can use desktop Chrome's web inspector to debug HTML/CSS issues embedded in an App's WebView, as long as you connect them through USB.
I've been searching all over google and this site and cannot find any information regarding this. Is there a similar way to inspect HTML/CSS elements/rules in iOS?
Because there are some issues that only affects webview, so viewing it from iOS Safari cannot reproduce some issues.
You can do this using Safari on Mac.
First, go to settings on iPhone → Safari → Advanced. Then enable the "Web Inspector" option and follow the instructions to enable on Mac.
Edit: this will only work with apps installed using Xcode.
I have a phonegap app that opens a website using window.open(). While it works fine in testing, when I compile the app and install it on an iPhone using TestFlight it can take anywhere from 1 minute to 15 minutes to open the website. When it does everything works fine. The app store review is rejecting it because of the delay. What can I check to identify the cause of this delay?
Use remote debugging with an iOS device (or a simulator). This will allow you to see error's log like debugging a web site.
See "Safari in iOS" in : https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html
Open the Settings app.
Tap Safari.
Scroll down and select Advanced.
Switch Web Inspector to ON.
After Web Inspector is enabled, connect your device to your desktop machine with a USB cable. The name of your device appears in the Develop menu of Safari.
Also, depending of what you want to do, I suggest you, instead of using window.open, to use the cordova-plugin-inappbrowser plugin to open link in the browser (outside the webview of Cordova/Phonegap)
I can not open static HTML pages served from a HTTP server run on my MacBook in iPhone 6s iOS 9.2, neither in 'Safari' nor in 'Chrome' browser when using: http://ipNumberOfMyServer:portNumber
I am able to open the pages on Android phones and I'm also able to open the pages if I turn MacBook's WiFi off and on, but if I change the page and refresh the browser, it again fails to load the page and says that server has stopped responding or that Safari could not connect to the server.
Resetting network settings in iPhone didn't help, nor did turning off Cellular Data in iPhone settings. Any idea what's wrong?
I know this is old already. You can get you computer name from System Preferences -> Sharing
System Preferences->Sharing
in your iPhone safari, type http://JimbasMekbuk.local
if you using different port, say 3000, then add :3000
make sure you turn off firewall
I hope this will help :-)
I had a similar problem, I changed the Wi-Fi network from 5GHz to 2.4GHz and this fixed it.
We have a ASP.net web application integrated with DotNetNuke.
The mobile version uses jQuery mobile 1.6.X.
While trying to test the application it works well in Chrome simulator(our staging environment is publicly exposed). But it does not work in any of the actual device.
Can anyone suggest how to debug this ?
For Android you can attach the device to the pc and go to chrome-> developer tools -> inspect devices
Make sure your phone is set to developers mode with usb debugging on.
For iOS you can attach your phone to a mac and open safari, develop menu and then the device you want to inspect.
There you will find the javascript console, source, style and everything you normally need for website debugging.
I have a phoneGap application that I'm developing. I have been running it on an iPad in iOS7. I can use the safari web inspector no problem. But I tried inspecting it on another iPad and saw "no inspectable applications". In Settings > Safari, the web inspector is on. Why won't it work?
To inspect an app with Safari's web inspector, the device needs to have a development provisioning profile for that app installed.