在 chrome/firefox 阅读视图上禁用文本选择

Posted 2023-03-06

【中文标题】在 chrome/firefox 阅读视图上禁用文本选择

【英文标题】：Disable text selection on chrome/firefox reading view

【发布时间】：2018-05-12 00:44:25

【问题描述】：

我最近打开了一个博客，但我的文章遇到了一些问题：我正试图“不可能”将它们复制到其他地方。 我已经使用标准的 CSS 代码来禁用文本选择

.post-content 
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 

但只要我打开阅读视图，它就会停止工作。 我已经尝试寻找解决方案，但我一无所获。 有什么办法吗？

【问题讨论】：

实际上没有任何完整的解决方案，因为您在 html 标记中提供内容，因此访问者可以通过在浏览器中禁用 css 或 javascript 或检查您的网页来轻松复制它们让他们从加载的内容中复制所有内容。

您可以尝试在画布中添加文本或将您的作品发布为图像。或者只是同意如果你把它放在那里它会被复制;）

尝试在正文或包含所有文本的 div 标签上应用这些事件。 onmousedown='return false;' onselectstart='return false;'。然后可能禁用页面上的右键单击。这只是一个黑客攻击

非常感谢大家。我希望至少有某种方法可以阻止读者对 chrome/mozilla 的看法。

【参考方案1】：

从技术角度来看，没有办法真正阻止用户复制您的内容。一旦授予用户访问权限，用户就可以更改所有客户端代码（视图）。

一旦内容被放置并且用户可以访问它，您几乎无能为力，只能在内容最终出现在不应该出现的其他地方时采取法律行动。