Design Mode
アイテム メディアの 1 スクリーンショット

概要

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? ;-)

5 点満点で 3.617 件の評価

Google ではレビューを確認していません。 結果とレビューについて、詳しくはこちらをご覧ください。

詳細

  • バージョン
    0.2
  • 更新:
    2012年8月28日
  • 提供元
    Bitquark
  • サイズ
    7.97KiB
  • 言語
    English (UK)
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

デベロッパーから、お客様のデータの収集または使用に関する情報は提供されていません。

サポート

関連アイテム

Positionable!

3.6(31)

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(990)

Blazing fast & offline playground for your web experiments

Page Edit

4.7(31)

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

Design Mode - Page's Rich Text Editor

4.6(9)

デザインモードに切り替えることで、ページのコンテンツを編集することができます。デザインモードでは、ワードエディタのようにコンテンツを修正したり、画像をドラッグしたりすることができます。

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(31)

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 アプリ