ContentMigrationBatch#S49

site/en/blog/alt-click-to-expand-all-child-nodes-2/index.md

@@ -0,0 +1,18 @@
+---
+layout: 'layouts/blog-post.njk'
+title: Alt + Click to expand all child nodes
+description: >
+   Alt + Click to expand all child nodes
+authors:
+  - umarhansa
+date: 2015-05-18
+updated: 2015-05-18 
+---
+
+<figure>
+{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/V8X1AbGTB3atUzynDA9u.gif", alt="Alt + Click to expand all child nodes", width="768", height="558" %}
+</figure>
+
+You can use `Alt + Click` in the Elements Panel to expand all child nodes. Just click on the small arrow to the left of the DOM node while holding `Alt`.
+
+

site/en/blog/autocomplete-for-bracket-notation/index.md

@@ -0,0 +1,20 @@
+---
+layout: 'layouts/blog-post.njk'
+title: Autocomplete for bracket notation
+description: >
+   Did you know you can autocomplete bracket notation in the Sources panel?
+authors:
+  - umarhansa
+date: 2015-05-14
+updated: 2015-05-19 
+---
+
+<figure>
+{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/mcIwVmL8QGFVDI0rvGCA.gif", alt="Console Panel autocomplete with properties (bracket or dot notation)", width="614", height="390" %}
+</figure>
+
+Autocomplete in the Console Panel not only works with regular dot notation (e.g. `window.onload` → `window.onload`), but also with square bracket notation e.g. `window['onloa` → `window['onload']`.
+
+Even if you have an array, you get autocomplete for the index e.g. `arr[0` → `arr[0]`.
+
+

site/en/blog/automatically-pause-on-any-exception/index.md

@@ -0,0 +1,21 @@
+---
+layout: 'layouts/blog-post.njk'
+title: Automatically pause on any exception
+description: >
+   In the DevTools, you can automatically pause on any exception (especially useful for uncaught exceptions).
+authors:
+  - umarhansa
+date: 2015-05-16
+updated: 2015-05-19
+---
+
+<figure>
+{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/mcIwVmL8QGFVDI0rvGCA.gif", alt="Automatically pause on any exception", width="614", height="390" %}
+</figure>
+
+In DevTools, you can automatically pause on any exception (especially useful for __uncaught__ exceptions). Just enable 'Pause on exceptions' within the Sources Panel. Optionally, you can also pause on __caught__ exceptions.
+
+This means the debugger will pause __before__ that red message appears in the Console and you get a chance to inspect what may have gone wrong.
+
+
+

site/en/blog/better-incognito-devtools-2/index.md

@@ -0,0 +1,24 @@
+---
+layout: 'layouts/blog-post.njk'
+title: Better incognito DevTools
+description: >
+   Some appearance preferences are now persisted through to incognito windows.
+authors:
+  - umarhansa
+date: 2015-05-18
+updated: 2015-05-18
+---
+
+<figure>
+{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/Kwe7bOMfNiUW2t7bvSvx.gif", alt="Some appearance preferences are now persisted through to incognito windows", width="674", height="488" %}
+</figure>
+
+It's worth going incognito when debugging (nice clean slate, no extensions).
+
+DevTools will now persist your appearance preferences (docking position, size, pane layout, etc) and devtools settings (disable cache, etc) into the incognito window.
+
+More information: [https://code.google.com/p/chromium/issues/detail?id=376788#c58](https://code.google.com/p/chromium/issues/detail?id=376788#c58)
+
+__Now in Chrome Canary__
+
+

site/en/blog/command-click-to-add-multiple-cursors-in-the-sources-panel-2/index.md

@@ -0,0 +1,19 @@
+---
+layout: 'layouts/blog-post.njk'
+title: Command click to add multiple cursors in the sources panel
+description: >
+  Learn how to to multi-cursor editing in the DevTools sources panel.
+authors:
+  - umarhansa
+date: 2015-05-18
+updated: 2015-05-18
+
+---
+
+<figure>
+{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/2XTgSMS6lanAoBEG6lyW.gif", alt="DevTools - Command click to add multiple cursors in the Sources Panel", width="634", height="484" %}
+</figure>
+
+You can `CMD + click` to add multiple cursors in the Sources Panel. You can also **undo** your last selection with `CMD + U`.
+
+