应用截图
详细介绍
允许你临时编辑任何网页。
新功能!Design Mode 是一款小巧的扩展程序,可让 Chrome 进入编辑模式,让你像使用 HTML 编辑器一样编辑整个网页。
此扩展程序非常适合快速测试想法,例如标题达到一定长度时页面布局是否会错乱,或者图片、按钮放在页面另一侧是否更好看。
★ 拖动图片以移动位置。
★ 点击现有文字并输入,即可编辑文字。
★ 在现有元素之前或之后添加新文字。
★ 使用标准快捷键更改字体样式(ctrl+b 加粗等)
此扩展程序并非为专业开发而设计,功能受 Chrome 的设计模式实现方式限制。更改是临时的;重新加载页面会清除所有更改。
提示:
☛ 你可以通过添加“contenteditable”属性,使单个 HTML 元素可编辑。
☛ 你可以打开开发者控制台(F12)并输入以下内容,手动激活设计模式:document.designMode = 'on';
当然,这样更费事,而且你也看不到用于提示哪些标签页处于设计模式的图标。你需要一个很酷的扩展程序来做到这一点,对吧?;-)