I'am trying to use html5 notifications for a web app.
It's working in Chrome 26 (on OSX) with both webkitNotifications and Notification (W3C).
I've read that webkitNotifications is also supported in Chrome for Android here and here but I can't make it works.
I've simply try to debug both Notification and window.webkitNotifications objects to see if it's implemented. Chrome don't find this two objects.
I need some help : is caniuse.com wrong or is it me ?
Thank you ! :)
Quick Answer: It is not supported yet on Chrome for Android and it hasn't been in the past either.
Just for clarity for other readers the current revision of Chrome is 27, and it is not supported in the this version or versions prior.
Related
Traditional browsers such as Chrome and IE have mechanisms to see Javascript errors as either a notification implemented through a plugin in the case of Chrome and as a popup in the case of IE. However, in the newly introduced Edge Chromium browser, I was not able to figure out such a mechanism. Therefore please enlighten me should such mechanism be available in Edge Chromium, thank you.
There's no browser built-in approach to achieve this, but you can use extensions to achieve this in Edge Chromium. As Edge Chromium uses the same rendering engine as Chrome, you can use the same plugin which is used in Chrome.
For example, I find JavaScript Errors Notifier can achieve what you want. You can click on "Add to Chrome" to install this extension in Edge Chromium.
I am using the photoeditorSDK found here: http://docs.photoeditorsdk.com/guides/html5/ version 4.12.0 and in the docs they claim to be internet explorer 11 compatible. Currently, my code works in ie 11 but only when dev tools are open. I have tested their demo and it also only works in ie 11 when dev tools are open so I the problem is a bug in the API. I have contacted their support but they are ignoring me and I was hoping that someone could suggest a workaround to make javascript think devtools are open when they are not?
The error occurs when I call
var editor = new PhotoEditorSDK.UI.DesktopUI({... stuff}); In my code.
This has been fixed in a recent SDK update see link
https://github.com/imgly/pesdk-html5-build/releases
I've written an application that works great in the desktop browser but breaks in Safari.
Does Angularjs support the iPad's native browser?
I've been googling and can't find anything that isn't related to PhoneGap. It's just javascript in a browser isn't it?
How do you even debug this?
Solution
I was using reserved words like delete in my services which broke safari and not chrome. On both desktop and tablet safari is broken but chrome works. I have to switch the reserved words to something like remove.
http://paste.laravel.com/NNB
On the iPad go Settings > Safari > Developer > Enable Debugging
On top of safari you'll get a "1 Error" or "19 Errors" and when you click the bar it will list out the console for you.
AngularJS 1.0.7 works fine on my iPad (first edition) with IOS 5.whatever.the.last.supported.version.was! It's surprisingly quick, too, although Mobile Safari crashes with depressing regularity when it runs out of memory! This happens on many other web sites, though.
Instead of renaming the method you may change the way of calling it. For instance service['delete']() instead of
service.delete()
Same problem exists with method finally of promise object (older IEs even crash on call promise.finally()).
Anyone know how you get the yellow popup to appear when inspecting javascript variables in chrome? Apparently you just hover over the variable when the debugger is paused to see a variables current state but for whatever reason I can't get this to work.
If you have no idea what I'm talking about checkout this screenshot:
This happened to me before. Just close all Chrome instances or restart it. This should fix the problem.
I have no idea why this wasn't working but I tired a clean install of chrome on a different user profile on my mac and worked fine. So I went back and dumped all the preferences and application support files and turned off all extension on my profile and it worked!!! So moral of the story do a clean install of Chrome.
The same thing happened to me on 16/12/19, with version 79. But in Chrome canary, it is working fine. People who need can download it here (you can use it for now) or you can use Chrome Dev here
For the people who don't know about Chrome Canary or Dev
Chrome Canary is an experimental version of the popular Chrome browser. Google offers four release channels for its Chrome browser: Stable, Beta, Dev, and Canary. Most people use the Stable release of Chrome, which is rigorously tested and considered very reliable.
By contrast, Chrome Canary may appeal to people who like noodling around with new technology and want to get an advance look at what the standard Chrome browser may look like in the future.
I have an iPad running some Javascript in a webview, but sometimes it just refuses to work. Does anyone have a way to debug this kind of issue?
You can use bookmarklets to run things like firebug lite: Check the following article for links to how to make bookmarklets installable on mobile safari as well as links to firebug lite.
http://community.godaddy.com/library/setting-up-a-debugging-environment-on-the-ipad/
Recently with the new iOS 6 you can turn on remote debugging and analyze your project with Webkit Inspector on Safari (but only with a Mac, because you must have safari 6.x).
This method would not work on the first generation of iPad too, because they're not upgradeable to iOS 6.
The question is one year old and obviously it wasn't available at the moment. I'm posting it so that someone who come up here could know it.
Info: http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers
Another tool you could try is adobe shadow.
Simply enable js console