devtools_import_export.js

Developer Tools Import/Export Snippet for Google Chrome

Source

Release https://raw.github.com/bgrins/devtools-snippets/master/snippets/devtools_import_export.js

Development https://raw.github.com/anaran/devtools-snippets/master/snippets/devtools_import_export.js

Documentation

Release http://bgrins.github.io/devtools-snippets/#devtools_import_export

Development https://github.com/anaran/devtools-snippets/blob/devtools_import_export/snippets/devtools_import_export/README.md

Features

• Export Chrome Developer Tools Source Snippets

  • All into Single JSON File
  • Individual Source Code Files

• Import Source Snippets into Chrome Developer Tools

  • Select Multiple Files in Dialog Box

  • Drop Multiple Files

    • Import Source Files
    • Import Previous Export File
    • Import devtools-snippets JSON File from http://bgrins.github.io/devtools-snippets/snippets.json

Implementation by anaran.

Typical Use Cases

Typical Use Cases

• Get devtools_import_export installed
• Run devtools_import_export Snippet
• Export website localStorage
• Import Snippets indo Developer Tools
• Show/Download Developer Tools Console Command History
• Delete All Developer Tools Snippets

Step 1

end forward overview

Open Developer Tools with Ctrl+Shift+I.

See Chrome DevTools Keyboard Shortcuts.

Step 2

back forward overview

Add New snippet with Snippets tab context menu

Step 3

back forward overview

Accept the automatically generated snippet name

Step 4

back forward overview

Copy raw contents of the devtools_import_export.js snippet.

See Source

Step 7

back forward overview

Undock Developer Tools into separate window.

Press Ctrl+Shift+I in Developer Tools to inspect it (to get access to snippets storage)

Select "Script snippet #109" and Run it

Step 8

back forward overview

A new window, "DevTools Import/Export", opens.

Click "Import Snippets" and pick a local download of http://bgrins.github.io/devtools-snippets/snippets.json.

Step 9

back forward overview

Delete all Snippets if you like.

They will always exported to a single JSON file first.

It will then ask you for confirmation you have acually verified the successful backup export of localStorage data containing snippets source code.

It will finally delete all snippets if you confirm with OK. You can still Cancel at this point.

"DevTools Import/Export" updates every 3 seconds to reflect the currently available snippets (e.g. after import or delete).