html - 如何防止用户从 chrome 开发工具更改用户选择的 css 属性?

标签 html css security developer-tools

我试图让用户难以从我的网页复制内容。我查看了现有线程,例如how to restrict user to copy web content

在这个和其他一些线程中,人们重申一旦内容显示在浏览器中,决心复制的人通常可以找到绕过它的方法并且可以拍照甚至做笔记。虽然我明白可能没有一个完全万无一失的解决方案,但我想要实现的是让人们尽可能难以从我的网站复制内容。

在这样的背景下,我想探讨一个在我看过的许多其他话题中都有的建议。它建议使用 user-select 属性来禁用从页面中选择内容,例如Prevent selection in HTMLHow to disable selection of text on a web page

但是,使用这种方法,有人可以从开发工具窗口中禁用 CSS 属性。一旦该属性被禁用,用户就可以从网页中选择内容。所以我的具体问题是“有什么方法可以阻止用户从 chrome 开发工具更改用户选择的 css 属性”?

谢谢

最佳答案

尝试向该元素添加一个 on change 事件,每当元素的属性发生更改时,它都会一次又一次地向其添加您自定义的样式属性。

关于html - 如何防止用户从 chrome 开发工具更改用户选择的 css 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38453756/

相关文章:

security - 如何实现基于多用户的cdh hadoop env?

jquery - 如何使用 jQuery 中的切换按钮返回到原始状态?

javascript - str.replace 中的白名单

javascript - 如何将 svg 动画重置为初始状态?

jquery - 使用 jQuery 删除 HTML 标签

security - 如何使用 libcurl 在客户端应用程序中缓存 SSL 客户端证书密码

security - 由 ASP.NET 4 <% : %> or Razor encoding but are caught by AntiXSS 获取的 XSS 漏洞示例

javascript - 如何在页脚( ionic 框架)中创建后退按钮?

html - div 之间不需要的间距

css - PhpStorm LESS CSS 代码完成