【问题标题】:Locally edit Text on Websites - No reset after refreshing the page本地编辑网站上的文本 - 刷新页面后不重置
【发布时间】:2018-05-29 14:45:04
【问题描述】:

我想知道是否有办法在本地编辑网站上的特定标签,这样即使页面重新加载后标签也不会改变。

可以使用 Chrome 开发者工具编辑值。但是如果您刷新页面,所有更改都将被重置。

有没有办法改变一个值,使其在页面重新加载后不会改变?

提前致谢!

【问题讨论】:

  • 不要重新加载页面。在按下 F12 后编辑元素部分的更改
  • 如果您更改控制台上的标签,所有更改都会消失。如果您有权访问源代码,则可以在更改时将标签存储在某处。
  • 但是您可以创建一个 chrome 扩展程序,每次使用 javascript 在页面加载时更改这个标签,这很奇怪,但没关系。

标签: javascript php html css web


【解决方案1】:

我会这样做:

  • 将 data-editableId="XXXX" 属性分配给您要编辑的标签。

  • 向页面添加一些 JS,为每个具有该属性的元素添加点击和模糊事件侦听器。

  • onclick 函数应将 contenteditable="true" 属性添加到单击的元素。然后你就可以编辑标签了。

  • onblur 函数应该获取 data-editableId 属性和元素的文本,并通过 AJAX 将它们发送到 PHP 服务器脚本。

  • 在 PHP 中,您可以更新数据库或 HTML 文件并更改内容。当页面重新加载时,元素将具有新文本。

当然,这个 JS 应该只对你可用(只有设置了一些管理会话变量,你才能包含它)。

【讨论】:

    猜你喜欢
    • 2021-08-09
    • 2011-11-28
    • 1970-01-01
    • 2012-04-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多