如何显示网站只读

时间:2013-11-13 12:55:30

标签: javascript html iframe

我有一个管理POS终端的网站,其中显示状态信息(正常运行时间,硬件状态等),用户可以执行一些操作(重启,软件更新等)。我想要访问这个网站给第三方,但我不希望他们能够按任何按钮或任何其他输入字段。

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

解决方案不一定非常安全,只是为了避免意外问题。 (每个必要的信息都在第一页上,所以在页面加载后,不需要导航)

1 个答案:

答案 0 :(得分: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>