如何通过javascript或jquery隐藏源代码和检查元素？

Question

我想禁用我的网页源代码并检查元素栏。我用这个脚本做到了。但是如果我" view-source: "在我的 url 之前写，源代码将被显示。我怎样才能解决这个问题？有没有可能隐藏源代码？好的答案必须赞赏

<script>

  document.onkeydown = function(e) {
    if(e.keyCode == 123) {
     return false;
    }
    if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
     return false;
    }
    if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
     return false;
    }
    if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
     return false;
    }

    if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){
     return false;
    }      
 }

</script>

Answer 1

没有办法隐藏JS代码。JS 脚本在您的浏览器中运行。所以浏览器必须知道 JS 脚本。如果浏览器知道，用户就可以查看它们。您只能尝试对其进行压缩，以避免用户轻松阅读。

如果您有静态 JS 脚本，请使用https://jscompress.com/

Answer 2

你不能限制查看源代码，但你可以通过任何方式放置 javscript 和 css 压缩文件。

不要从 HTML 的内联属性绑定事件 不要从 html 的内联属性绑定事件，例如

<button id="btn_callme" onclick="callme(this)"> Call Me</button>

相反，您可以在 javascript 代码中绑定事件。

<button id="btn_callme"> Call Me</button>

$(document).on('click', '#callme', function(){
      // write code here    
})

将常见的 Javascript 文件合并为一个

如果您使用多个 javascript 作为通用 javascript，您可以将其组合在一个文件中并将其缩小，这将使执行速度更快。

压缩/缩小 Javascript

为了 Javascript 代码的安全，您可以使用http://javascriptcompressor.com/等在线工具对其进行压缩

压缩/缩小 CSS 代码

为了 CSS 代码的安全，您可以使用https://csscompressor.net/等在线工具对其进行压缩

不允许从控制台执行脚本

我想建议一种关于控制台的更多安全性，如果你想阻止从 console.log 执行 javascript 代码，你可以使用下面的代码。在这里，我在 body 标记中使用了debug_mode类，以允许从控制台执行。

(function () {
    if (!$('body').hasClass('debug_mode')) {
        var _z = console;
        Object.defineProperty(window, "console", {
            get: function () {
                if ((window && window._z && window._z._commandLineAPI) || {}) {
                    throw "Nice trick! but not permitted!";
                }
                return _z;
            },
            set: function (val) {
                _z = val;
            }
        });
    }
})();