javascript - 如何显示网站只读

Question

我有一个管理 POS 终端的网站，其中显示状态信息（正常运行时间、硬件状态等），用户可以执行一些操作（重启、软件更新等）。我想将本网站的访问权限授予某些第三方，但我不希望他们能够按任何按钮或任何其他输入字段。

有没有办法在不修改网站来源的情况下实现这一目标？例如，我想到的是将网站嵌入 iframe 中，并做一些 javascript 魔术。

该解决方案不必非常安全，只是为了避免意外问题。（所有必要的信息都在第一页上，所以页面加载后，不需要导航）

Answer 1

您可以像下面这样使用 jQuery

jQuery(document).ready(function(){
    //disabling the input elements & buttons
    jQuery('input').attr('disabled','disabled');
    jQuery('button').attr('disabled','disabled');
    //disabling links through css
    jQuery('a').css('pointer-events','none');
    //disabling links through javascript
    jQuery('a').click(function(){return false;});

});

这个答案不是一个安全的答案，但它是一个帮助你度过某些情况的技巧。

或者您可以在 html 中添加以下代码：

<div style="position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000000;background-color:transparent">&nbsp;</div>