Zi 字媒體

最近阿湯身邊的朋友也開始在問有關 7headlines 這種網站的事情，類似的網站其實有不少，共同的特點就是都是用 iframe 的方式嵌入別人的網站，雖然這樣做不違法，但基於道德問題，這樣跟盜別人文章沒什麼二樣，是很不可取的行為，如果你的網站也深受其害，阿湯這邊整理了一下對付的方式，讓這些 iframe 的頁面能真正的導回你的網站，一起來杜絕這些可惡的網站吧。 如何查詢你的網站有沒有被 iframe 嵌入？ 這邊先以最近較常看到的 7headlines 為例，你只要到 Google 搜尋輸入以下文字搜尋即可。 網站名稱 site:www.7headlines.com 網站名稱請改成你自己的，立刻就可以搜尋到有沒有了，如果你要搜別的網站有沒有嵌入你的網站就替換一下 7headlines 的網址，以此類推。 如何阻擋其它網站 iframe 嵌入你的網站？ 阿湯這邊提出三種方式來做，不論你選哪一種方法，要加語法的話，給大家一些參考，如果像是痞客邦、Blogger 這一類的網站，請直接把語法加到你網站側邊欄任一個文字區塊就可以了，如果你是 WordPress 一樣可以加文字方塊到側邊欄，換言之，只要加到網站每一頁都能讀取到語法的位置就可以了。 而以下提供的任一個方法，並不是直接讓別人不能 iframe 你的網頁，而是讓 iframe 的那個頁面直接跳回你的網站，好像很饒舌，我們來看看示範。 這是沒有阻擋的結果：請點我 有阻擋的結果：請點我 (會跳轉到原始網站) 註：只要支援 javascript 語法的網站應該都能使用。 一、阻擋所有的網站： 第一個作法是阻擋全部的網站，只要加了這一段，所有的網站都不能用 iframe 語法嵌你網站的任一頁面，但這種做法有時也會有缺點，在使用一些翻譯網頁的工具時，可能會造成一些影響，另外也不能在你自己的網站用 iframe 嵌入你自己的網頁。 //if (top.location != location ) {     top.location.href = location.href; } //]]>   二、指定允許的網站： 在看過第一種之後，如果你確認你有需要排除的網站，比如像自己的網址要排除，或者在哪邊也需要 iframe 嵌入的話，就可以加入你允許 iframe 的網址，比如以下語法，就是允許 steachs.com 及 google.com 可以 iframe 你的網頁，相信只要再比對一下就會看出添加規則，其實就是第一種方法的語法裡，在 top.location != location 的後面加上下面標示紅字的部份「&& document.referrer.search("steachs.com") < 0」，需要允許多個，就無限往後加上去，其中的「steachs.com」是阿湯的網址，請改成你要允許的網址。 //if (top.location != location && document.referrer.search("steachs.com") < 0 && document.referrer.search("google.com") < 0) { top.location.href = location.href; } //]]>   三、指定排除的網站： 既然第一種可以排除全部網站，第二種方式也提到了允許部份，那如果我只想排除部份網站可以嗎？當然是可以的，在仔細看過第二種方式後，我們也可以來看一下第三種方式的規則，一樣在第一種方法的語法，在 top.location != location 的後面加東西，但這次有點不太一樣，如果你只有想要排除「一個網站」，比如排除「7headlines.com」，排除第一個網站要加上紅字的部份「&& document.referrer.search("7headlines.com") > 0」，如果要排除多個網站，第二個之後一律都是用藍字的部份「|| document.referrer.search("funp.com") > 0」，以此類推。 註：7headlines.com 或 funp.com 都只是舉例，請改成你要排除的網址。 //if (top.location != location && document.referrer.search("7headlines.com") > 0 || document.referrer.search("funp.com") > 0) { top.location.href = location.href; } //]]> 這類網站真的很不可取，大家一起動手來杜絕吧！