I have Blackberry webworks apps, and I'm using the Ripple Chrome extension (Ripple UI (v0.9.12)).
I'm testing my app in a BB emulator at the moment, and am manually running WEIRNE (remote web inspector).
I'd much prefer to use the inbuilt ripple version (as WEIRNE is ridiculously unstable).
Can anyone help?
You can also build your app with Web Inspector enabled, then access
http://deviceip:1337/
in your desktop browser when the app is running in the simulator or on the actual device. I use this frequently to monitor ajax calls in the Network tab.
You can use chrome web inspector in Ripple just like you can any web page with chrome.
You can right click on an element and click 'Inspect Element'.
If you want manually execute commands in the 'Console' you need to change which frame you are accessing, at the bottom of the 'Console' change 'Top Frame' to document(your filename).
Related
Is there any way to simulate the “IOS add to home screen” function in windows with Google Chrome for debugging ?
I want to debug PWAs (progressive web applications) with a browser like Google Chrome.
For example at this link or this link , this two site have a PWA and need to be added to home screen to be shown or debugging.
The only way I can think of so you can do that is if you have a Mac with the XCode iPhone simulator.
Not all PWAs (progressive web applications) are the same, for the second link you can simply use “toggle visibility” option on inspect element sources and use the app, but I doubt you can do that for the first one.
Here is my scenario:
Launch the native app and go to sign in page of my hybrid native app
Launch chrome browser in my mobile and navigate to particular url. From there navigate to playstore.
Now make sure after clicking the open button from the playstore launches my app(from step 1) successfully.
To achieve this i have did this.
Create an appium driver instance for my native app and launch it. --> Success
Create an another driver instance for chrome browser, navigate, click the link and it will take to the app page in the playstore. --> Success
Now i need to click Open button in the playstore and check when my app has been pushed to view. --> NOT SURE HOW TO DO THIS
I am having my control only on chrome browser and my app. How i can make this happen and your help is appreciated.
Just use the driver that you have for your apk app. By default it has the track of the current focused app of your mobile (in view).
For example, if you are in your app, and now you changed to settings app or some other app, if you get the driver.getPageSource()it will give the page source of the current view automatically. Basically you have control over the current view (android apk ) through the appium.
You have set up chrome browser so simply navigate to https://play.google.com/store/apps?hl=en inside web view and verify that your app has been shipped using store search
I'm using the Safari Web Inspector to remote debug a Cordova app I'm building. Previously this has worked like a charm, but now I've run into an issue. After launching the inspector, after a couple of seconds it seems like the web inspector disconnects from the device. The inspector is still open, but the inspector wont update, and elements on the device wont be highlighted anymore when hovered in the inspector (this works for the first couple of seconds). I'm able to get it running for a couple of seconds again by closing the inspector and launching it again.
I've tried debugging using Chrome and ios_webkit_debug_proxy instead, which doesn't disconnect. However, this has other issues which makes it a none viable solution.
I've tried using Safari Technology Preview (11.0 R35) as well as the current stable version of Safari (10.1.2), but the issue occurs in both of them. I've also tried switching the lightning cable and USB-port on my computer, which doesn't make any difference.
I found that the following error is logged (using the Console app) when the inspector seems to disconnect:
RWIServiceLockdownConnection: Disconnecting because we failed to read a message from webinspectord. This could mean almost anything.
This does seem to have something to do with Cordova, since the error doesn't occur when I inspect a regular page Mobile Safari page.
What could cause this, and how do I resolve it?
Try setting a global hotkey:
Go to System Preferences -> Keyboard -> Shortcuts -> App Shortcuts.
Add a hotkey, whatever keys you want (e.g. Cmd + Alt + I) and match that hotkey to your cordova’s main html file (e.g. index.html).
Launch Cordova App.
Open Safari WI & close it.
Re-launch Safari WI with quick hotkey shortcut set above.
Close & re-open cordova app, Safari WI should keep debugging.
Also, as stated in comments, try keeping Xcode open.
I am debugging an iOS webapp (saved to desktop) with Safari 7.0.3 and an iOS 7.1.1 iPad attached via USB.
This is working ok, but to see changes after editing the code I need to close the app and re-open, which causes the Safari web inspector to disappear - every time I need to go to the menu and click Develop > iPad > myApp, which gets exhausting after the 100th time.
Is there a way to test a webapp without the web inspector panel closing?
How about if you just send it Javascript in the debugger console to make it reload:
window.location.reload()
?
So iOS6 is out, horrah. Now, it appears as though Apple have removed the 'Developer Console' that used to exist in Safari. Great, I hear a lot of people say - it was limited.
But, it works on the device - now apparently you have to connect the device to a Mac to get web inspector?
Is this the only way of debugging with console? Is there a way of debugging with windows, safari? Please note, I don't mean just changing user-agent, which you can do on Safari Windows - that doesn't register touch events - just click.
If you don't have Mac OSX you can use this script as console replacement:
https://github.com/robotnic/waterbug
It shows error message, it's possible to log all kind of variables, you have to turn your iPhone or iPad 90° to the right to open the console.
A poor mans debugging console:
try {
var test = document.do.something();
}
catch (exc) {
alert(exc);
}
One can debug on the device by using bookmarklets (especially within Mobile Safari).
Debugging on the device can be very important if an error only appears live on the device but nowhere else. There is a variety of bookmarklets for developer, so choose the tool of your choice (e.g. Firebug Lite), add it to your bookmarks and use it right where you need it.
This may not be the Developer Console, but it is a method to debug much more accurate and job-oriented.
I wrote a blogpost on how to use bookmarklets on my weblog (there is also a list of other common testing tools and further bookmarklets):
http://hofmannsven.com/2013/laboratory/ios-bookmarklets/
UPDATE: Chrome released its Mobile DevTools which will make debugging (within Google Chome Mobile, Android Devices only) much easier. This will not fix the missing DevTools issue within Safari, but it might help to locate errors on a device:
https://developer.chrome.com/devtools/docs/remote-debugging
http://www.html5rocks.com/en/tutorials/developertools/mobile/
UPDATE2: Mozilla released a Firefox add-on to enable web development across browsers and devices: http://youtu.be/kEFbQwB81RE?t=1m58s
Have a look for weinre. It allows you to inspect a page running in Safari from another computer using a Chrome-like web inspector
You can use window.onerror to debug errors without a console. Simply add this code to your HTML document in its own <script> tag before any other Javascript code:
<script type="text/javascript">
window.onerror = function(e){
alert(e);
};
</script>
This will do so that whenever there is an error, the error message will be shown in an alert dialog box, which is visible in iOS Safari. It's important that the above code runs before the error you're trying to debug, and if you're debugging a syntax error, it's also important that it's in a separate <script> tag.
Instead of Safari on Windows you could use an app by Telerik called AppBuilder. I've found the instructions on this blog. You'll need to get an account to use the Telerik Platform though.
This will give you dev tools like the ones in Safari. I've used it on Win7 64 bit with regular web apps and Phonegap apps running on an iPad with iOS 7.1.
Like neno suggested, Telerik AppBuilder is a great applications. I am actually running Windows XP in a virtual machine on Linux only for the purpose of debugging my iPhone. Windows XP because in my case Windows 7 does regognize the iPhone, but iTunes and Telerik AppBuilder don't.
Looks like the built in console is gone. I tried plugging into a Windows 7 and opened Safari and could not locate the developer console. Then I read this article which confirmed it.
If you need to be able to test your site in both orientations then waterbug is not a good option, because it uses up the landscape orientation for its console view.
One decent option is to use Adobe Edge Inspect. You open your site on Chrome and open the app on your device and your device will mirror whatever page you have open on your desktop. Then you can use the Chrome dev tools to debug your content.