我正在使用javascript进行网页抓取。我想从网站上获取一个表,然后在自定义后显示其内容。
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style type="text/css">
.capitalize {
text-transform: capitalize;
}
</style>
<script>
function getTable(){
$.getJSON('https://www.whateverorigin.org/get?url=' + encodeURIComponent('https://www.lvmpd.com/en-us/Pages/CurrentTraffic.aspx') + '&callback=?', function(data){
var table = $(data.contents).find('table');
table = table[0];
table.id = "trafficTable";
var count = 1;
var column = table.childNodes[1];
column.childNodes.forEach(function(item,index){
item.id = "col" + count;
count++;
});
var tableBody = table.childNodes[3];
tableBody.className="capitalize";
tableBody.childNodes.forEach(function(item, index){
var row = item;
var rowNo = index;
row.childNodes.forEach(function(item, index){
if(index != 0 && index != 2){
var col = item;
col.id = "row_" + rowNo/2 + "_col_" + index;
col.textContent = col.textContent.toLowerCase();
}
else{
item.className = "toBeRemoved";
}
});
});
$('body').append(table);
$("th.toBeRemoved").remove();
$("td.toBeRemoved").remove();
$("#row_0_col_1").text("Incident Date");
$("#row_0_col_3").text("Incident");
$("#row_0_col_4").text("Incident Address");
});
}
$(document).ready(function(){
getTable();
});
</script>
我的代码在'google chrome'中成功运作 我根据自己的需要拿到了桌子。但是当我在Mozilla Firefox,Internet Explorer,Microsoft Edge上运行相同的页面时,他们都没有加载我的脚本。我已经在网上寻找一些解决方案,通过禁用所有附加组件来检查是否在安全模式下运行mozilla firefox。但它对我不起作用。
所以,我也认为这不是一些附加问题。因为3个浏览器遇到了这个问题。
我遇到的错误是:
我需要任何可以使我的代码与所有浏览器兼容的正确解决方案。
由于