JS禁止檢視網頁原始碼的簡單實現

阿新 • • 發佈：2018-12-16

最常見檢視網站原始碼的無非有這四種：

F12
滑鼠右鍵單擊
Ctrl+Shift+I
Ctrl+U

我們可以通過使用JavaScript來遮蔽掉這三種狀態從而實現禁止檢視原始碼效果。下面直接放原始碼

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS禁止檢視網頁原始碼的簡單實現方法</title>
</head>
<body>
    <script type="text/javascript">
        window.onload = function(){
            //遮蔽鍵盤事件
            document.onkeydown = function (){
                var e = window.event || arguments[0];
                //F12
                if(e.keyCode == 123){
                    return false;
                //Ctrl+Shift+I
            }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                return false;
                //Shift+F10
            }else if((e.shiftKey) && (e.keyCode == 121)){
                return false;
                //Ctrl+U
            }else if((e.ctrlKey) && (e.keyCode == 85)){
                return false;
            }
        };
            //遮蔽滑鼠右鍵
            document.oncontextmenu = function (){
                return false;
            }
        }

    </script>
</body>
</html>

JS禁止檢視網頁原始碼的簡單實現

最常見檢視網站原始碼的無非有這四種： F12 滑鼠右鍵單擊 Ctrl+Shift+I Ctrl+U 我們可以通過使用JavaScript來遮蔽掉這三種狀態從而實現禁止檢視原始碼效果。下面直接放原始碼 <!DOCTYPE html> <html>

方法彙總禁止檢視網頁原始碼全攻略

<Html> <head> <title>歡迎光臨網頁教學網</TITLE> </HEAD> <FRAMESET COLS="1,*" frameborder=0 framespacing=0> <FRAME SRC="PS.HTM

微信網頁授權(OAuth2.0) PHP 原始碼簡單實現

提要：　　1. 建議對OAuth2.0協議做一個學習。　　2. 微信官方文件和微信官網工具要得到充分利用。比較簡單，直接帖原始碼了。其中“xxxxxxxxxx”部分，是需要依據自己環境做替換的/*** OAuth2.0微信授權登入實現** @author zzy* @

scala檢視本地檔案以及檢視網頁原始碼

import scala.io.Source //匯入Source包object proce { def main(args: Array[String]) { val file = Source.fromFile(

學習筆記-js釋出/訂閱模式的簡單實現

Publish/Subscribe(釋出/訂閱模式): 在《Javascript設計模式》一書中，這兩種模式還是有些區別的。書中原話如下： * Observer模式要求希望接收到主題通知者的觀察者必須訂閱內容改變的事件 * Subscribe/Publis

在 iPad和 iPhone的瀏覽器上檢視網頁原始碼

今天使用iPad 處理OA上的問題，有個視窗不能正常工作，想檢視一下原始碼，發現iPad中的 Safari和chrome 沒有內建檢視原始碼功能。查了幾個資料，遇到的又是沒抄全的，下面是safari的設定方法：在 iPad、iPhone 或 iPod touch 的

Android檢視網頁原始碼

1 佈局 <ScrollView android:layout_width="wrap_content" android:layout_height="wrap_content" > <TextView

Mac OS使用技巧十九：Safari碉堡功能之二檢視網頁原始碼

因為大三下的時候選修了搜尋技術，瞭解了網路上搜索引擎和網路爬蟲的資訊扒取的一些東西，後來我們做了一個比較水的東西，就是隻扒取了幾家較大的下載網站幾十個軟體的評分下載量等資訊，當用戶輸入一

JS遠端獲取網頁原始碼例項

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" conten

通過開原始碼檢視網頁原始碼

1、首先實現介面的佈局效果如下程式碼佈局程式碼如下<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas

解決檢視網頁原始碼html程式碼樣式亂了

今天遇到一個問題，程式碼在phpstorm中是正確樣式，但是到了網頁上檢視原始碼樣式就亂了，如下圖瀏覽中檢視原始碼如下：解決辦法：用PHPStrom編輯器選擇“file”->“Line separators”->"CRLF-Wind

檢視網頁原始碼--VB

需要得控制元件:Text,Button,Inet,RichTextBox Inet控制元件位於Microsoft Internet Transfer Controls RichTextBox控制元件位於 Microsoft Rich Text

網頁內容解析簡單實現

return end pro spa del crawl 測試節點 nod 概述　　在日常開發工作中，有時候我們需要去一些網站上抓取數據，要想抓取數據，就必須先了解網頁結構，根據具體的網頁結構，編寫對應的程序對數據進行采集。最近剛好有一個需求，需要更新收貨地址

JS+CSS簡單實現DIV遮罩層顯示隱藏【轉藏】

button left dtd -m javascrip htm width dex absolute <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/

JS簡單實現自定義右鍵菜單

ans idt 右鍵動畫忘記 span spa round 部分 RT，一個簡單的例子，僅僅講述原理 <div id="menu" style="width: 0;height: 0;background: cadetblue;position: absolu

兩種簡單實現菜單高亮顯示的JS類(轉載)

on() pos 菜單高亮 href 不同的 index body -m ear 兩種簡單實現菜單高亮顯示的JS類近期在寫一個博客管理後臺的前端,涉及在同一頁面兩種高亮顯示當前菜單的需求.記得當年寫靜態頁時,為了實現高亮都是在每個頁面加不同的樣式,呵.高亮

網頁對聯效果簡單實現

padding 信息 -i 簡單實現 line height idt pan position 記一下網頁對聯的實現，方便下次找。主要通過三個屬性實現right: 20px;top:180px;position:fixed; <div id="tjzs" styl

HTML+CSS+JS簡單實現支付寶付款界面效果

6.5 body pre -c css brush ges line col HTML+JS部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

js 簡單實現FIFO

js fifo /* ======================================== LRU 最近最少使用 ======================================== */ function FifoCache(limit){ limit = limit|

js中淺復制跟深復制的簡單實現

ole cnblogs log down ret arguments 地址沒有 nts 深復制是在堆中新開辟一塊內存地址用於存放復制的對象，新舊對象之間沒有影響。淺復制僅僅是指向被復制的內存地址，如果原地址的對象被改變裏，那麽淺復制出來的對象也會隨之改變。淺復制的實現

JS禁止檢視網頁原始碼的簡單實現

相關推薦