Batarang on Chrome mobile devtools doesn't work - angularjs

I'm debuggin a mobile application using Chrome devtools, I can inspect the device, network tab, console tab, etc are working fine, I can see the batarang tab AngularJS, when I click Enable the page is reload on the chrome mobile tab but the batarang tab don't show any kind of information.
Do you have any idea?
(source: vpsnotas.com)

It appears as though Batarang hasn't been updated to be compatible with the latest versions of AngularJS. Appears to be a duplicate of: batarang Chrome extension for AngularJS appears broken

Does the console show any errors or anything? That would be the first place I would look, as it will normally point you in the right direction of the issue.
I recently ran into an issue with loading Batarang on an angular app that I know was previous working. The console was throwing an $injector:modulerr error and the issue turned out to be with the ng-strict-di directive on the ng-app. After removing the ng-strict-di directive from the ng-app, the Batarang extension works fine.

Related

React app showing blank page in GitHub pages

After uploading my react app on gitHub pages its showing a blank page, and there is no error displaying in console. When I inspected the pages it says:
You need to enable javascript to run this page
but when I checked by browser settings it shows my javascript is enabled.
Here is my console
Here are the elements
Here is the Package.json
Also when I tested with a basic react app(no routes only single page) it was displaying properly
If gitHub is not publishing, is there any other alternative to publish my work?
Thanks
It looks good from my side. You should try with another browser to see if the problem persists.

Firefox is not loading my7 angularjs bower_components

people!
I'm creating a site with AngularJS that is working fine on every single browser, except for Firefox.
When I use firebug, the console shows "400 Bad Request" errors while trying to get the bower_components for the modal and ui-router services.
Could you help me?
Thanks!
Already solved it, it was a problem of Firefox not reconizing / instead of .

Angular 1.2.9 compile error when renderding FB canvas app inside Chrome

I've encountered a problem rendering Facebook canvas app on chrome - the app works fine in Firefox or outside of Facebook. The content is rendered using angular.js (1.2.9) which crashes while compiling the DOM.
This problem only occurs on the first request to the canvas app - if the page is reloaded (soft reload), everything works. I believe that for some reason angular starts compiling nodes while the page is still loading (stack trace and breakpoint images attached - https://imgur.com/a/iDpSc). Any thoughts? Thanks.

AngularJS html5Mode in IE9 stuck in refresh loop

Our application is having problems when using html5Mode in IE9. I have commented out all our code except the router to ensure it is nothing to do with our code. There are no errors in the console except a warning stating "Document mode restart from Quirks to IE9 standards." We are using version 1.2.0 of AngularJS. It is working perfect in IE10+, Safari, Chrome and Firefox. Changing to html5Mode true fixes the refresh loop.
The problem was our back end controller. It was using logic to redirect, basically removing the # that the Angular router was adding. Angular was then adding the # back hence the refresh loop.
Have you added to declare the html is in html5 ?

AngularJS set up with Webstorm

I'm getting started with Angularjs and fallen at the first hurdle :-(
i've installed node (windows installer) and the webstorm ide. in webstorm i've installed the angularjs plugin and in the html typing 'ng' prompts all the ng templates in a dropdown, so this look ok.
cutting and pasting in the demo html5 (under the heading 'The Basics' at http://angularjs.org/) and running in webstorm and navigating to the file url (in firefox or chrome) however the angular statement '{{yourName}}' isn't binding at all - it's rendered out as a literal. Anyone know where i'm going wrong ?
The example on the home page was using protocol-less (or protocol-relative) URLs (http://www.paulirish.com/2010/the-protocol-relative-url/). While those are very handy, protocol-relative URLs don't play nicely with the file:// protocol in this case. Simply your browser is trying to retrieve AngularJS library from the local file system. To fix it you need to add protocol:
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
Try prefixing the ng tag with data like data-ng-model.

Resources