我有一个工作的greasemonkey 脚本,可以在页面上添加一个按钮。单击按钮时,会从页面中抓取一些信息,并将其放入名为 str 的变量中。
现在我正在将变量打印到页面上,效果很好。我最终需要用几个类似页面的输出制作一个文件。
例如:
一页的输出可能是“abcdef”,第二页的输出是“ghijkl”。我一次将其复制到一个文本文件中以制作:
abcdef
ghijkl
有没有办法自动将这些保存到同一个变量中,并继续将新输出附加到变量中?我知道不可能从greasemonkey 写入文件,但真的不知道在这种情况下该怎么做。大约有 100 页,所以我不想复制粘贴 100 次(我可以打开每一页并单击按钮,这并不可怕)。
这是我的代码:
// Create a new div to put the links in and append it to the content div
links_div1 = document.createElement('div');//makes a div
//links_div1.setAttribute('class', 'box generic_datatable dataTable');//makes it look the same as rest of page
//links_div1.setAttribute('id', 'normal_wrapper');
//adds div to beginning of content section
var node = document.getElementById('navHeaderCell');
var parentDiv = node.parentNode;
parentDiv.insertBefore(links_div1,node);
//makes buttons in new divs
links_div1.innerHTML += '<table class="box generic_datatable dataTable" id="normal"><thead><tr class="colhead"><th></th></tr></thead><td>Scrape: <button type="button" id="btn_id">scrape</button></td></table>';
//makes them clickable
addButtonListener();
function addButtonListener() {
//first div
document.getElementById("btn_id").addEventListener("click", function(){scrape()}, true);
//alert("function");
}
function scrape() {
//alert(array);
str = array.join('$');
links_div1.innerHTML += str;
}
//collect all the values in a NodeList
var linksToOpen = document.querySelectorAll ("#content_3col>table.form>tbody>tr>td.dash:nth-of-type(2)");
//alert(linksToOpen);
//--- linksToOpen is a NodeList, we want an array of links...
var array = [];
for (var J = 0, numLinks = linksToOpen.length; J < numLinks; ++J) {
array.push (linksToOpen[J].innerHTML.replace(/<[^>]*>/g,''));
}