使訪客無法按下F12鍵的方法

7月312013

作者：超级efly 发布：2013-07-31 07:27 分类：网络阅读：5,302 31条评论

F12是Chrome瀏覽器的「檢查元素」介面，通過這個介面可以查看全站的源代碼，對於「部分」網站需要「防止侵權」是不利的，所以今天就來教大家如何屏蔽「F12」按鍵

教程

1、在你的源代碼中的 <head> 部分添加下列代碼（對於Wordpress來說就是添加到「頁首(header.php)」文件內）

<script type="text/javascript">
//<!--
function no_f12(){
	window.location="http://i-xider.com/#呵呵"; //將當前窗口跳轉置空白頁
}

function ck() {
	console.profile();
	console.profileEnd();
	//判斷Profiles內是否存在物體，如果有的話就代表按下F12了
	if(console.clear) {
		console.clear() 
	};
	if (typeof console.profiles =="object"){
		return console.profiles.length > 0;
	}
}
ck();
$("body").data("w",$(window).width());
$("body").data("h",$(window).height());//將初始窗口的高度附加到body上，作為緩存
function stop_f12(){
	if($.browser.msie) {
		if ($("body").data("w")==$(window).width() && ($("body").data("h")-$(window).height())>50){
		no_f12(); // IE 
		}
	}else if($.browser.mozilla){
		if( window.console && (console.firebug || console.table && /firebug/i.test(console.table())) ){
			no_f12(); // Firefox
		}
	}else{
		if ( $("body").data("w")==$(window).width() && ($("body").data("h")-$(window).height())>50 || (typeof console.profiles=="object" && console.profiles.length > 0)){
			no_f12(); // Chrome and Opera
		}
	}
}
stop_f12();
window.onresize = function(){
	if($("body").data("w")==$(window).width() && ($("body").data("h")-$(window).height()>50)) //判斷當前窗口內頁高度和窗口高度，如果差值大於50，那麼停止
		no_f12();
}
//-->
</script>

//<!--

function no_f12(){

window.location="http://i-xider.com/#呵呵"; //將當前窗口跳轉置空白頁

}

function ck() {

console.profile();

console.profileEnd();

//判斷Profiles內是否存在物體，如果有的話就代表按下F12了

if(console.clear) {

console.clear()

};

if (typeof console.profiles =="object"){

return console.profiles.length > 0;

}

ck();

$("body").data("w",$(window).width());

$("body").data("h",$(window).height());//將初始窗口的高度附加到body上，作為緩存

function stop_f12(){

if($.browser.msie) {

if ($("body").data("w")==$(window).width() && ($("body").data("h")-$(window).height())>50){

no_f12(); // IE

}

}else if($.browser.mozilla){

if( window.console && (console.firebug || console.table && /firebug/i.test(console.table())) ){

no_f12(); // Firefox

}

}else{

if ( $("body").data("w")==$(window).width() && ($("body").data("h")-$(window).height())>50 || (typeof console.profiles=="object" && console.profiles.length > 0)){

no_f12(); // Chrome and Opera

}

stop_f12();

window.onresize = function(){

if($("body").data("w")==$(window).width() && ($("body").data("h")-$(window).height()>50)) //判斷當前窗口內頁高度和窗口高度，如果差值大於50，那麼停止

no_f12();

}

//-->

</script>

2、按下F12鍵，是不是沒反應啦？

預覽

點擊這裏

參考

终极对抗开发者工具的一段JS

總結

1、關於如何屏蔽右鍵，可以查看「這篇文章」

2、有問題可以回覆

历史上的今天

2014年：使用 DynamicLyrics 為 Mac iTunes 新增桌面LRC歌詞顯示功能（40条评论）

觉得这篇文章有用吗？分享一下让更多人受益吧！

本文固定链接：https://www.arefly.com/html-no-f12/

本文章由“超级efly”于2013年07月31日发表于“网络”分类

你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站

转载请注明：使訪客無法按下F12鍵的方法 | 畅想资源

关键字：F12, HTML, 屏蔽, 檢查元素

[上一篇] 不越獄也能更換iOS原生圖標

[下一篇] 使用CSS3為圖片自動添加圓角

您可能还会对这些文章感兴趣！

使訪客無法按下F12鍵的方法：目前有 31 条留言
访客以 16：15 暂时领先博主

评论载入中，请稍等……

0楼
AK：

firefox完全無效,

2016-11-08 上午8:00 [回复]
0楼
Ice：

真正的写法就是前端的两句话：
event.keycode=0;
event.returnValue=false;

2016-04-19 下午3:11 [回复]
0楼
佛山窗帘厂家：

支持一下！！！

2015-08-06 下午4:00 [回复]
0楼
坏猫：

没有效果了……

2015-06-20 上午8:47 [回复]
0楼
破斧沉舟：

每日签到,签到时间：下午9:41:07

2014-07-19 下午9:41 [回复]
- 超級efly ：
  
  2014-07-20 上午10:25 [回复]
0楼
烟花易冷 ：

支持一下，联盟内部互访

2013-08-03 下午7:55 [回复]
- 超級efly ：
  
  2013-08-03 下午9:57 [回复]
0楼
Lan Tian ：

我来打点广告 http://xuyh0120.asia/article/modify-website/js-against-develop-tools.lantian 这个不管什么方式进开发者工具都能防掉原作者网站挂了今天簽到啦！時間：上午9:35:31（使用Arefly評論框自動簽到）

2013-08-03 上午9:37 [回复]
- 超級efly ：
  
  哇，我等會把這個代碼轉載過來
  PS：你的網站似乎只能登陸「社交網站」才能回覆，我想直接輸昵稱和郵箱啊。。。
  
  2013-08-03 上午9:46 [回复]
  - Lan Tian ：
    
    防垃圾评论……还有防冒充别人……
    
    2013-08-04 上午9:10 [回复]
    - 超級efly ：
      
      呃，好吧。。。
      
      2013-08-04 上午11:35 [回复]
- 超級efly ：
  
  呃，你看看你能不能在「http://demo.arefly.com/html-no-f12/」按下F12鍵？
  
  2013-08-03 上午10:33 [回复]
  - Lan Tian ：
    
    macbook不会按，按了在任何网页都没用
    
    2013-08-04 上午9:09 [回复]
    - 超級efly ：
      
      對呀，因為這個快捷鍵是「調高音量」的
      
      2013-08-04 上午11:33 [回复]
0楼
极雪 ：

不能按么，为什么我可以。。。。。。。。

2013-08-02 下午5:42 [回复]
- 超級efly ：
  
  不行麼？我等會試試看
  
  2013-08-02 下午5:50 [回复]
- 超級efly ：
  
  的確不行耶。。。算了，懶得弄了。。。
  
  2013-08-02 下午7:04 [回复]
- 超級efly ：
  
  我改了一些，你去看看呢
  
  2013-08-03 上午10:50 [回复]
  - 极雪 ：
    
    好吧。。。。。。。还是可以啊。。
    
    2013-08-03 上午10:52 [回复]
    - 超級efly ：
      
      進去的那個DEMO頁面能不能按F12呢？
      
      2013-08-03 下午1:31 [回复]
      - 极雪 ：
        
        可以。。。。
        
        2013-08-03 下午3:02 [回复]
        
        超級efly ：
        
        似乎每次的「第一下」是可以按下的，但是後面就不行了。。。
        
        2013-08-03 下午3:07 [回复]
        
        极雪 ：
        
        我按多少次都可以。。。。。。。
        
        2013-08-03 下午3:52 [回复]
        
        超級efly ：
        
        那就怪了。。。
        
        2013-08-03 下午10:03 [回复]
0楼
微尘逐风：

太狠了

2013-08-01 下午9:13 [回复]
- 超級efly ：
  
  對呀（雖然從菜單還是能進得去。。。 :look: ）
  
  2013-08-01 下午9:35 [回复]
0楼
木易 ：

支持一下！

2013-07-31 下午10:14 [回复]
- 超級efly ：
  
  2013-08-01 下午4:03 [回复]
0楼
Lan Tian ：

我从菜单进

2013-07-31 上午9:10 [回复]
- 超級efly ：
  
  對呀，這個是沒法禁止的
  
  2013-07-31 上午9:35 [回复]