禁止網站頁面不允許被別人通過iframe嵌入引用

由于網站頁面嵌入iframe的嵌入 使得網站變的更不安全, 很不爽,如何能防止網頁禁止被iframe嵌入呢? 最模板這里引用集中方法

 

解決方案一:js方法
 
這種方法不可靠,不推薦使用
<script type="text/javascript">
if(self != top) { top.location = self.location; }
</script
 
把上面的JS代碼片段放到你頁面的 head 中即可。
也可以學習下騰訊與淘寶的JS前端代碼:
騰訊qq空間:
 
 
document.domain="qq.com";var _s_=new Date(),g_T={},siDomain="ctc.qzonestyle.gtimg.cn",g_iUin=499469859,g_iLoginUin=499469859;g_T.fwp=[_s_];document.namespaces&&document.namespaces.add&&(document.namespaces.add('qz', 'http://qzone.qq.com/'),document.namespaces.add('x', 'http://qzone.qq.com/'));var QZFL={};QZFL.event={};QZFL.event.getEvent=function(evt){var evt=window.event||evt,c,cnt;if(!evt&&window.Event){c=arguments.callee;cnt=0;while(c){if((evt=c.arguments[0])&&typeof(evt.srcElement)!="undefined"){break;}else if(cnt>9){break;}c=c.caller;++cnt;}}return evt;};QZFL.event.getTarget=function(evt){var e=QZFL.event.getEvent(evt);if(e){return e.srcElement||e.target;}else{return null;}};var QZFF_M_img_ribr=[];QZFL.media={reduceImgByRule:function(ew,eh,opts,cb){QZFF_M_img_ribr.push(QZFL.event.getTarget());},adjustImageSize:function(w,h,trueSrc,cb,errCallback){QZFF_M_img_ribr.push(QZFL.event.getTarget());},reduceImage:function(){QZFF_M_img_ribr.push(QZFL.event.getTarget());},getImageInfo:function(){QZFF_M_img_ribr.push(QZFL.event.getTarget());}};g_T.fwp[1] = new Date();  
 
 
 
淘寶前端:
 
 
if(window.top !== window.self){ window.top.location = window.location;}  
 
 
解決方案二:Meta標簽方法
 
<meta http-equiv="X-FRAME-OPTIONS" content="DENY">
 
 
以上兩種為前端處理方法,就我個人來說不推薦使用,不過這個也是因人而異的,沒有絕對的好與差。
 
解決方案三:PHP方法
 
<code><code><?php header(‘X-Frame-Options:Deny'); ?></code></code>
 
 
上面這種是后端程序處理方法。
 
解決方案四:Apache主機方法
 
Header always append X-Frame-Options SAMEORIGIN
 
 
解決方案五:Nginx主機方法
 
add_header X-Frame-Options "SAMEORIGIN";
 
解決方案六:.htaccess方法
 
在網站根目錄下的.htaccess文件中中加一句
Header append X-FRAME-OPTIONS "SAMEORIGIN"
 
 
解決方案七:IIS方法
在web.config文件中加
  <system.webServer>
    ...
 
    <httpProtocol>
    <customHeaders>
    <add name="X-Frame-Options" value="SAMEORIGIN" />
    </customHeaders>
    </httpProtocol>
 
    ...
    </system.webServer>
復制代碼
 
以上四種解決方案為服務器端解決方案。


上一篇:淺談圖片寬度自適應解決方案 下一篇:沒有了
  • 版權聲明:內容來自互聯網不代表本站觀點,2018-06-21發表于 HTML/CSS教程欄目。
  • 轉載請注明: 禁止網站頁面不允許被別人通過iframe嵌入引用| HTML/CSS教程 +復制鏈接