Tweak

修改网页上的文本信息。 这款 Google Chrome 扩展程序允许每位安装了 Tweak 的访问者修改或编辑网页上的数据。这些修改可以保存，以防意外刷新时丢失；如果用户需要查看原始网页，也可以将其重置。 在设计师与开发者的协作环境中，网页设计师需要修改网页上的大量内容，无论大小。我们（开发者）需要一种方式，让设计师同事（以及普通用户）能够修改已托管的网页，尽快查看效果并缩短反馈流程。Tweak 扩展程序允许网页设计师根据设计需要更改并保存网页状态。这让社区联系更加紧密，并促进健康的文化。 安装此扩展程序后，用户特别是设计师可以通过更改内容，更轻松地指出已托管网页的改进方式；更改可保存以防刷新时丢失，也可在需要时从本地系统（localStorage）中清除。此扩展程序不仅适用于 https，还适用于 localhost 端口和私有托管的网页，因此业内任何人都可以使用。 此外，人们经常希望能够更改网页内容，例如希望横幅稍微向右或向左移动一点。此扩展程序让用户可以实时进行更改，并在刷新后重新看到这些更改；如果想将一切恢复原状，可以使用清除更改选项。我们开发此扩展程序，让用户能够按自己的意愿修改网页内容，在连续刷新后再次看到修改，并在不喜欢时清除更改。 每次刷新标签页时，扩展程序都会激活。刷新后，该功能会打开设计模式（document.designMode = 'on'），让用户按需更改网页。完成更改后，扩展程序允许用户确认更改以关闭设计模式（点击确认更改会关闭设计模式；document.designMode = 'off'）。确认后，用户可以选择保存整个页面的更改。这通过 localStorage 实现。整个网页的 innerHTML 会以字符串化的 JSON 格式存储在浏览器的 localStorage 中。之后刷新页面时，会从 localStorage 中取回相同或已更改的 JSON 字符串，除非点击 ClearChanges，此操作会使用 .clear() 函数清空 localStorage。刷新时，扩展程序从键中取出字符串，将其作为 inner HTML 放入 DOM 结构，从而显示更改后的网页。