<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          網頁不讓用戶復制方法總匯,設置html禁止選擇,保護源碼,js禁止復制文字

          時間:?2017-11-24閱讀:?2863標簽:?復制

          這篇文章主要講解:右鍵復制失效方法、菜單"文件"-"另存為"失效方法、防止查看源代碼進行復制的方法、防止頁面緩存的方法。來達到一定的代碼保護效果


          右鍵復制失效方法:

          方法一:

          <script language="Javascript">
          document.oncontextmenu=new Function("event.returnValue=false");document.onselectstart=new Function("event.returnValue=false");
          </script>

          方法二:

          <body oncontextmenu="return false" onselectstart="return false">

          或者

          <body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">

          方法三:

          <body oncopy="alert('對不起,本網頁禁止復制!');return false;">

          方法四:

          body{//通過css設置body
              -webkit-user-select:none;
              -moz-user-select:none;
              -ms-user-select:none;
              user-select:none;
          }

          上面方法都是針對整個頁面的,如果只想對某一個div的內容不讓用戶復制,你需要這樣做把body換位對應div


          菜單"文件"-"另存為"失效方法:  

          如果只是禁止了右鍵和選擇復制,別人還可以通過瀏覽器菜單中的"文件"-"另存為"拷貝文件。為了使拷貝失效,可以在<body>與</body>之間加入以下代碼: 

          <noscript><iframe src="*.htm"></iframe></noscript>

          這樣用戶再選擇“另存為”,就會出現"無法保存Web頁"的錯誤


          防止查看源代碼進行復制的方法:

          通過js實現靜止右鍵和F12,Shift+F10,Ctrl+Shift+I等查看源代碼的方法:

          <script language="javascript">
          	function click(e) {
          		if(document.all) {
          			
          			if(event.button == 2 || event.button == 3) {
          				oncontextmenu = 'return false';
          			}
          		}
          		if(document.layers) {
          			if(e.which == 3) {
          				oncontextmenu = 'return false';
          			}
          		}
          	}
          	if(document.layers) {
          		document.captureEvents(Event.MOUSEDOWN);
          	}
          	document.onmousedown = click;
          	document.oncontextmenu = new Function("return false;")
          	document.onkeydown = document.onkeyup = document.onkeypress = function() {
          		//123屏蔽F12,73屏蔽Ctrl+Shift+I,121屏蔽Shift+F10
          		if(window.event.keyCode == 123 || window.event.keyCode == 73 || window.event.keyCode == 121) {
          			window.event.returnValue = false;
          			return(false);
          		}
          	}
          </script>



          防止頁面緩存的方法

          方法一:通過設置mate

          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=8">
          <meta http-equiv="Expires" content="0">
          <meta http-equiv="Pragma" content="no-cache">
          <meta http-equiv="Cache-control" content="no-cache">
          <meta http-equiv="Cache" content="no-cache">

          方法二:對不需要緩存的圖片,js等文件地址后添加隨機數即可,例如:

          <img src="picture.jpg?1222259157.415" alt="">

          <script> 
          document.write("<script type='text/javascript' src='test.js?"+Math.random();+"'></script>"); 
          </script>


          總結:

          以上方法只能單純的防止用戶不能復制,起一定的保護源碼的作用,主要只防止不勞而獲的小白。而且瀏覽器很多都自帶有查看網頁源代碼的功能,目前為止這塊是沒辦法做到真正屏蔽的,我們只能通過壓縮混淆加密等方法來處理我們的源碼,能增加閱讀破解的成本。


          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/164

          css如何設置不可復制?

          css可以使用user-select屬性來設置不可復制,此屬性可以設置或檢索是否允許用戶選中文本,將此屬性的屬性值設置為none可以使文本不可選中。

          HTML頁面 用CSS實現禁止選中、復制和右鍵

          最近在寫頁面的時候,需要在左上角加一個logo,但是復制的時候會把這張圖片一塊選中。那么我們可以通過CSS給它設置禁止選中,代碼如下:

          原生JS在網頁上復制的所有文字后面自動加上一段版權聲明

          不少技術博客有這樣的處理,當我們復制代碼的時候,會自動加上一段本信息版權為XXXX,這是怎么實現的呢?其實實現的方式很簡單,可以在我的網站頁面上綁定一個 copy 事件,當你復制文章內容的時候

          原生js實現復制內容到剪切板,兼容pc、移動端(支持Safari瀏覽器)

          在開發中經常會遇到這樣的需求,第一種就是點擊復制當前頁面的鏈接,第二種就是類似卡券的功能,需要復制密碼等等。純js實現復制文本并提示復制成功(干貨)適用所有瀏覽器

          如何設置網頁無法復制?

          javascript設置網頁無法復制的方法:在JavaScript代碼中設置禁用右鍵菜單、復制、選擇等操作,禁用Ctrl+c和Ctrl+v快捷鍵的使用,通過這種方法就可以實現網頁無法復制。

          Vue中結合clipboard實現復制功能

          首先現在Vue中引入clipboard,在需要使用的組件中import 引入clipboard.不論是單按鈕復制還是多按鈕復制,一定要在頁面加載DOM完成后先New出來具有復制功能的按鈕,如果在函數內再New那么可能會出現點擊復制按鈕兩次,才復制成功的現象

          程序員_代碼神注釋鑒賞大全(可復制粘貼)

          程序員個性注釋,讓你的代碼飛起來。一時興起就收集了以下神注釋,希望能為廣大ITer帶來快樂,以下是收集了以下神注釋,希望能為廣大程序員們帶來快樂,緩解你們工作中的壓力

          Js使用Object.assign()對象的復制、合并、封裝等操作

          Js使用Object.assign()對象的復制:Object.assign()只對頂層屬性做了賦值,Object.assign()合并/封裝等操作:具有相同屬性的其他對象覆蓋;null、undefined會被忽略;字符串會被封裝成單字符的可枚舉屬性數組

          原生Js實現復制(Copy)的方法總結,execCommand和clipboardData的使用

          原生Js實現復制(Copy)的兩種方法,一種是利用 clipboardData,另外一種則是用 execCommand(),今天將統一講解一下關于他們的使用方法。

          內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權或違規,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网