https://github.com/stefanjudis/designmode-chrome-extension

Chrome extension to easily use document.designMode
https://github.com/stefanjudis/designmode-chrome-extension

Last synced: about 1 month ago
JSON representation

Chrome extension to easily use document.designMode

• Host: GitHub
• URL: https://github.com/stefanjudis/designmode-chrome-extension
• Owner: stefanjudis
• License: mit
• Created: 2016-09-21T18:20:07.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-09-23T16:21:22.000Z (about 8 years ago)
• Last Synced: 2024-08-01T22:46:32.026Z (4 months ago)
• Language: JavaScript
• Homepage: https://chrome.google.com/webstore/detail/designmode/fdmgbnmbkiimohjhijcjkjmdbhfhepai
• Size: 2.71 MB
• Stars: 22
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DesignMode - Chrome Extension

![alt text](./designMode.gif "Show off Design Mode")

## How does this work?

Found in the [spec](https://html.spec.whatwg.org/multipage/interaction.html#making-entire-documents-editable:-the-designmode-idl-attribute):

> Documents have a designMode, which can be either enabled or disabled.

By running `document.designMode = 'on'` in the JavaScript console websites become magically editable.

Sounds cool? It is! Give a try.