Design Mode
Item media 1 screenshot

Overview

Allows you to make temporary edits to any page.

New! Design Mode is a tiny extension which puts Chrome into edit mode, allowing you to edit entire pages as though you were in an HTML editor. This extension is great for quickly testing concepts, such as whether a page layout breaks when a heading hits a certain text length, or whether an image or button would look better on the other side of the page. ★ Move images by dragging them around. ★ Edit existing text by clicking and typing. ★ Add new text before or after existing elements. ★ Change font style using standard keys (ctrl+b for bold, etc) This extension is not designed as a hardcore development tool and is limited by Chrome's implementation of design mode. Changes are temporary; reloading the page will clear any changes. Tips: ☛ You can make a single HTML element editable by adding the "contenteditable" attribute. ☛ You can activate design mode by hand by opening up the development console (F12) and typing: document.designMode = 'on'; Of course, that's more work and you don't get the nice icon telling you which tabs are in design mode. You need a cool extension for that, right? ;-)

3.6 out of 517 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

BlackGhast11 Mar 2023

wont turn on.

Review's profile picture

DatBrian23 Nov 2018

It was okay, but don't like the red grammar catchers

1 out of 3 found this helpful
Review's profile picture

DK8 May 2017

didnt work

1 out of 2 found this helpful

Details

  • Version
    0.2
  • Updated
    28 August 2012
  • Offered by
    Bitquark
  • Size
    7.97KiB
  • Languages
    English (UK)
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

Positionable!

3.6(32)

An extension for visually manipulating elements in the browser.

Fluid Page

4.7(11)

Allow editing of every web page, for your pleasure. Based on code written by Rony Shohat.

1click Edit page

3.6(7)

Give user ability to edit all text in page in one click

Style Adjuster

1.0(1)

Adjust your CSS styles, without taking your eyes off the result.

Edit Mode

4.3(3)

Text update made easy

DesignMode

3.0(2)

Tiny helper to enable document.designMode

TDK Meta Checker

4.7(3)

閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。

Edit

4.4(8)

Edit any webpage locally.

Web Maker

4.8(994)

Blazing fast & offline playground for your web experiments

Page Edit

4.7(30)

Make any webpage into a content editable document and modify it via toolbar popup!

Design Mode - Page's Rich Text Editor

4.6(9)

Edit any page's content by switching to design mode, where you can modify the content and drag images around like a Word Editor

Drag Design

3.4(17)

This extension allows you to drag each element of your website around individually to help you get your site just right.

Positionable!

3.6(32)

An extension for visually manipulating elements in the browser.

Fluid Page

4.7(11)

Allow editing of every web page, for your pleasure. Based on code written by Rony Shohat.

1click Edit page

3.6(7)

Give user ability to edit all text in page in one click

Style Adjuster

1.0(1)

Adjust your CSS styles, without taking your eyes off the result.

Edit Mode

4.3(3)

Text update made easy

DesignMode

3.0(2)

Tiny helper to enable document.designMode

TDK Meta Checker

4.7(3)

閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。

Edit

4.4(8)

Edit any webpage locally.

Google apps