上文提到,“高频词分析工具”是为了我那美丽可爱的女友做的。然而昨天生气的她今天好像并没有消太多的气,今天又提出了新问题。这是致命且危险的一分。

怎样才能快速保存亚马逊页面中买家秀的图

在给出的直接右键保存/复制图片操作无效、通过在控制台输入选择器觉得要背诵太过麻烦,这两个我最常用的方案都被否决后,我在思考还有什么更方便的方法吗?

有,肯定有,到底用哪个只不过是一个时间成本问题。

最快捷的右键保存,由于点击的时候是作用到亚马逊的轮播控件而不是图片,所以无效。那么在页面上如何还能控制到页面的元素呢,我第一想法是 Chrome 的扩展插件。但因为暂时还没点这部分的技能树,所以从零开始的写的话到发送给她用我估计这一分也早已远去了。这个方案也被排除。那么我所知道的剩下的方法就只剩一个了。

通过书签栏的快捷方式操控页面!

书签栏听上去就和操控页面内容风马牛不相及,那如何用它来达成我的目的呢?答案在于修改书签的地址。先随便收藏一个页面之后,右键修改网址栏为:

1
2
3
javascript: (function() {
// logic goes here
})();

这样一来,我们在页面中点击这个书签的按钮后,刚才写在网址栏中的脚本就会在当前网页执行。只要在脚本内控制好操作的逻辑,就可以实现想要的功能。为了快速解决领导的问题,简陋地写了插入打开当前图片的超链接。打开弹窗后,点击一下书签栏,按钮就会自动添加到代码中所制定的位置,点击后即可快速打开当前图片:

点击后再调节 DOM 结构的方式意味着,重新打开弹窗显示新图片后,按钮的跳转地址仍然是旧图片,需要重新点击书签才能生成新地址的按钮。虽然这步的用户体验还是差,但是能快速解决需求比什么都来的重要。

以上。

=========

2019年7月2日 更新: 傻了,当初为啥要生成按钮再点击打开呢?获取到当前图片的地址后直接在新页面打开就可以啦😂

头图来自 Hello I’m Nik 🇬🇧 on Unsplash