在javascript中搜索包含廣告服務器列表的文本文件

Question

我正在製作一個攔截廣告的程序。我找到了一個來自this頁面的廣告服務器列表。我的問題：是否有可能從使用JavaScript的網站中的該頁面搜索這些廣告服務器？並且請注意，我想要擴展代碼

Answer 1

你可以使用這樣的事情：

var sites = ['site1', 'site2', '...'], 
    sites_len = sites.length; 
var els = document.getElementsByTagName('*'); 

for (var i = 0, len = els.length; i < len; i++) { 
    var attr = ""; 
    switch (els[i].tagName.toLowerCase()) { 
     case 'iframe': 
     case 'script': 
     case 'img': 
      attr = 'src'; 
      break; 
     case 'link': 
     case 'a': 
      attr = 'href'; 
      break 
     default: 
      continue; 
    } 
    var attr_val = els[i].getAttribute(attr); 
    for (var j = 0; j < sites_len; j++) 
     if (sites[j].indexOf(attr_val) > -1) 
      els[i].parentNode.reamoveChild(els[i]); 
} 

Answer 2

默認情況下，網頁無法訪問JavaScript中另一個網頁的內容。這就是所謂的cross-origin HTTP request。該網站可以允許不同的網站使用HTTP標頭Access-Control-Allow-Origin訪問其內容，但是您的網頁並沒有這樣做。

如果你繼續前進，嘗試你會得到錯誤XMLHttpRequest cannot load https://pgl.yoyo.org/as/serverlist.php?hostformat=nohtml&showintro=1&startdate%5Bday%5D=&startdate%5Bmonth%5D=&startdate%5Byear%5D=. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

要解決這個限制，你可以開發一個瀏覽器擴展，而不是或使用代理像crossorigin.me。

這是一個工作示例：

function loadAdServers(callback) { 
 
    const url = 'https://crossorigin.me/https://pgl.yoyo.org/as/serverlist.php?hostformat=nohtml&showintro=1&startdate%5Bday%5D=&startdate%5Bmonth%5D=&startdate%5Byear%5D='; 
 

 
    const request = new XMLHttpRequest(); 
 
    request.open('GET', url); 
 
    request.addEventListener('load', function() { 
 
    callback(request.response.split('\n').filter(x => x)); 
 
    }); 
 
    request.send(); 
 
} 
 

 
function removeElement(element) { 
 
    if (element.parentElement) { 
 
    element.parentElement.removeChild(element); 
 
    } 
 
} 
 

 
function removeAdElements(adServers) { 
 
    for (const img of document.querySelectorAll('img')) { 
 
    for (const adServer of adServers) { 
 
     if (img.src.indexOf(adServer) >= 0) { 
 
     removeElement(img); 
 
     } 
 
    } 
 
    } 
 
    for (const a of document.querySelectorAll('a')) { 
 
    for (const adServer of adServers) { 
 
     if (a.href.indexOf(adServer) >= 0) { 
 
     removeElement(a); 
 
     } 
 
    } 
 
    } 
 
} 
 

 
loadAdServers(removeAdElements);

<img src="http://101order.com/company.logo"> 
 
    <a href="http://101order.com/">Link</a> 
 
    <a href="http://stackoverflow.com">stackoverflow</a>

這需要一些時間來加載列表和過濾元件。