In Chrome & Firefox (+31) you can add CSS in console.log messages: console.log(‘%c Oh my heavens! ‘, ‘background: #222; color: #bada55’); The same can be applied for adding multiple CSS to same command. References MDN: Styling console output Chrome: Console API Reference
Pick an element in the HTML panel of the developer tools and type this in the console: angular.element($0).scope() In WebKit and Firefox, $0 is a reference to the selected DOM node in the elements tab, so by doing this you get the selected DOM node scope printed out in the console. You can also target … Read more
node-inspector could save the day! Use it from any browser supporting WebSocket. Breakpoints, profiler, livecoding, etc… It is really awesome. Install it with: npm install -g node-inspector Then run: node-debug app.js
The Chrome DevTools can disable the cache. Right-click and choose Inspect Element to open the DevTools. Or use one of the following keyboard shortcuts: F12 Control+Shift+i Command+Shift+i Click Network in the toolbar to open the network pane. Check the Disable cache checkbox at the top. Keep in mind, as a tweet from @ChromiumDev stated, this … Read more
I’m a security engineer at Facebook and this is my fault. We’re testing this for some users to see if it can slow down some attacks where users are tricked into pasting (malicious) JavaScript code into the browser console. Just to be clear: trying to block hackers client-side is a bad idea in general; this … Read more