开发工具控制台中的javascript可以下载/保存文件吗,或者这是沙盒化的
Can javascript in the dev tools console download/save files, or is this sandboxed?
我正在尝试编写一个类似书签的 js 片段,可以从开发人员工具控制台运行,该控制台将为页面中的图像提供 src:
var x = ["PA633", "PA10", "PA11"];
function nextPage(i) {
$('#viewport div:first-child').animate({scrollTop: i}, 200);
i+=1020;
if (i < 20000) { setTimeout(nextPage, 200, i); }
for (index = 0; index < $('div.pageImageDisplay img').length; ++index) {
var page = /&pg=([A-Z]{2,3}'d+)&/.exec($('div.pageImageDisplay img')[index].src);
if ($.inArray(page[1], x) != -1) {
x.splice(x.indexOf(page[1]), 1);
var embiggen = $('div.pageImageDisplay img')[index].src.replace(/&w='d+$/, "&w=1200");
console.log(embiggen);
}
}
}
此脚本的工作原理是它为每个图像提供正确的 src 链接。有没有办法让javascript自动下载/保存每个链接?可以单击每个链接(Chrome会在新选项卡中打开这些链接(,但这样做有些乏味。
正确的方法是让javascript片段将图像保存到下载文件夹本身,但我有一个模糊的概念,这是不可能的。是否可能,如果可能,如何实现?
请注意,此 javascript 不会直接包含在网页中,而是专门用于从开发工具控制台运行。
这需要几个不同的部分才能工作。首先,有必要添加(除非你可以重用现有的(链接到页面,如下所示:
$("body").append($("<a id='xyz'/>"));
然后,您需要将链接的href
设置为要下载的文件的:
$('#xyz').attr("download", page[1] + ".png");
$('#xyz').attr("href", embiggen);
请注意,我们还可以通过下载属性(至少在 Chrome 中(自动设置文件名。
最后,JavaScript 可以通过以下方式向锚标记本身发出点击事件:
$('#xyz')[0].click();
当它运行时,它会自动下载文件。设置文件名似乎也会阻止它弹出文件对话框。
$("body").append($("<a id='xyz'/>"));
上面的代码在某些版本的Chrome中给了我以下错误:
VM42:1 Uncaught DOMException: Failed to execute '$' on 'CommandLineAPI': '<a id='xyz'/>' is not a valid selector. at <anonymous>:1:18
请尝试以下代码,使用普通的旧Javascript。
var url = 'your url goes here';
var elem = document.createElement('a');
elem.href = url;
elem.download = url;
elem.id="downloadAnchor";
document.body.appendChild(elem);
$('#downloadAnchor').click();
您可以查看此答案中的详细说明。
相关文章:
- 试图修改此javascript代码以减小弹出窗口的大小,或者在用户单击框外时关闭
- 如何为javascript创建自定义标签?或者这是我不知道的其他事情吗;我不知道
- javascript或缓存错误?或者其他什么
- 使用Javascript(或者JQuery,如果它更快的话)有一种方法可以更快地对此进行排序
- 数字精度如何影响 JavaScript 的性能,或者会影响性能
- 是否有必要使用 === 来比较 Javascript 中的字符串,或者 == 就足够了
- Javascript函数返回'NaN'或者'未定义'
- 我需要帮助理解javascript||.这是一个逻辑'或者'是否
- Javascript,字符串带有'<'或者'>'
- 闭包中的本地变量从外部更改.这是一个javascript错误,或者我做错了什么
- Javascript(jQuery)/HTML:设置<输入>或者<选择>启用,不工作
- 我可以使用javascript编写xml文件吗?或者我必须学习php/asp/mysql/其他东西
- 是否有任何库,或者是否可以在php中评估javascript
- 我可以在jquery或javascript中对rel语句使用“显示无”,或者只是使用css吗?
- javascript 错误,此页面上的脚本可能正忙,或者可能已停止响应
- 睡眠,循环,或者Javascript中的内容
- 在 JavaScript ES2015 中,在扩展类时,我们是否需要显式创建一个新的构造函数,或者我们是否可以只使用父类
- Javascript Date.getTime 函数没有返回正确的值,或者我做错了什么
- <嵌入>或者<对象>标签视频播放错误处理程序-JavaScript
- 如何称呼“词法上的这个”?或者javascript中的箭头语法