Anyone here knows if it's possible to remote debug on Chrome Mobile on IOS Devices? I have a site with a div with 100% width and height and position fixed. For some reason this element stays at the wrong position.
I know it's possible to debug safari but the problem just happens on chrome and on ios devices.
Thanks
Angelo
You can use Weinre.
Instructions on how to use it is available at the link below.
https://developer.mozilla.org/en-US/Firefox_OS/Platform/Gaia/Weinre_As_Remote_Debugger
It worked for me on Mac/iPhone/Chrome
It also works on Mac/Android/Chrome and firefox browsers too.
If your code/files are on a remote device, make sure you run the tool (weinre) on the remote system.
Related
I can't get the remote inspector to actually display any elements, its finding my device fine, the website on my phone will highlight when hovering over it in the develop menu, but when clicking through its just blank.
Both devices are on the latest OS. The issue is with my phone and not the Mac as I have tried another device and it worked as expected.
any ideas would be appreciated
It can also help to Clear the Trusted Computers under the Developer Preferences on your iOS Device and Re-Pair it with the Mac you'd like to remote debug with.
(I previously tried a MacOS Update, some technical previews for Safari etc. and the method above was the way to save the issue).
Download this to get the most up-to-date version of whatever and it works
https://developer.apple.com/safari/technology-preview/
is there a way how to debug an iOS mobile app on Windows or Linux (Ubuntu)?
I have an application which runs fine on Android, but it has some flaws on iOS. For Android debugging, I always used the Chrome device inspector and I am wondering if it’s possible for iOS too?
The Webkit Adapter I found (https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) works for debugging websites opened on iPhone via SAFARI browser, but not for the mobile app. Any ideas?
Thanks a lot for any suggestions.
Yes, you can develop your own lldb to support debugging non-jailbroken iOS device on Window, like this
I'm having an issue with using a bluetooth barcode scanner on my iPad running iOS 11.2. The key events are not propagating in the same order as my desktop. Windows and Mac OS do not have this issue. Has this happened to anyone else or does someone know why this is happening? I've tried Chrome, Safari, and Firefox on the iPad and they all share the same output, but the Dolphin browser works fine.
Desktop:
https://i.imgur.com/eLsREg6.png
iPad:
https://i.imgur.com/laCP4ma.png
3rd party browsers on iOS - like Chrome, Firefox and Dolphin - must use WKWebView or UIWebView for rendering webpages and I'm fairly certain the speed and order of events is determined by the rendering engine.
It's not surprising to me that Chrome and Firefox both behave the same as Safari, because all three use the newer WKWebView. My best guess is that Dolphin is still using UIWebView, which is why it behaves differently. If you'd like to confirm that WKWebView is to blame, see if it works in Firefox Focus which uses UIWebView.
Unfortunately, there is not much you - or the browsers - can do about it.
that's because an ipad is more slower than a Desktop you cannot compare two different architectures them. Ipad always be more slower than Desktop.
I'm working on an app I want to host in iOS via Cordova (PhoneGap). I've run into some problem when I try to access the device.platform and device.version properties. I'm not sure what the problem is. Either way, I can't figure out how to peek into the code to get a better idea of what's going on.
I thought I could just fire up the .html in the desktop version of Safari, however, that didn't provide any insights. In short:
How do I debug code running inside of Cordova?
Any ideas why I can't just do a "alert(device.platform);"?
Thank you!
Since iOS 6 you can just enable the Develop menu in Safari and use Safari Web Inspector to remotely debug Cordova app in either iOS Simulator or USB attached devices. If you've used Chrome's debugger you'll feel right at home.
as well as Weinre, there is also iWebInspector which is useful and perhaps better on ios.
http://www.mobilexweb.com/blog/debugging-web-safari-phonegap-iphone-ipad
I think it maybe only applies to the simulator but thats fine for most cases anyway. It is more Xcode and iOs debugging solution in my opinion .
I use nifty debugging tool called Weinre, which is a lifesaver when debugging cordova( phonegap) apps. It basically is a remote debugging tool resembling usual webkit developer tools available in Chrome and some other browsers.
Make sure that Cordova is loaded before you try to call device.platform. Cordova is loaded when deviceready js event is triggered.
I am developing a web app for iPad and testing it on Safari on Mac and Safari on iPad Simulator. Now there are some issues with CSS in iPad Simulator which work quite well in Safari on Mac.
Now my question is,
Is there a powerful debugging tool for Safari in iPad Simulator?
When running safari in an XCode device simulator, the desktop Safari (v6) Develop menu shows those devices. From there, you can fire up the developer tools (DOM browser etc.) for the mobile browser. This helped me debug an mobile safari css issue without hardware.
Note: As of iOS6 this is not the correct way of doing remote debugging, leaving this answer for historical reasons but you should look into remote inspection with Safari, here is a good article: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector
Have a look at this, (a bash script I wrote) https://gist.github.com/2241976. It will allow you to open the iPad simulator and run Webkit's remote inspector, which will look just like this.
iWebInspector is quite a powerful tool for the iOs simulator's Safari.
It uses the same inspector as Chrome and it works nicely (I've used it myself and found it really helpful).
From their website
iWebInspector is a free tool to debug, profile and inspect web
applications running on iOS Simulator (iPhone or iPad). You can check
resources, see and change HTML & CSS, use breakpoints on JavaScript
code, create charts and more just as if you were on Safari for
Desktop, Chrome or Firebug.
It works for any web in Safari -the web browser-, for a chrome-less
webapp (full-screen) and also for apps using UIWebView -including
PhoneGap applications-.