小技能:一行代码让你方便的复制网页上的图片

背景

  有时候你或许想对网页上的某些配图进行复制或者 OCR,这时候使用 NVDA 对象浏览自然是一种可选的方式。

  但可以更方便吗?当然,你可以为这些图片增加 Tab 焦点,也就是除了使用上下光标以外,你还可以用 Tab 键在这些图片之间导航,当你导航至某张图片时可以按 Application 键对相应的图片进行复制 / 另存为。

我应该做什么

  以 Chrome、 Edge 为例,请按照以下步骤操作:

  1. 复制下面这行代码(你可以在"j"这个字母的位置按 NVDA+F9标记一个开始点,找到最后的";"分号处按 NVDA+F10 两次将其复制到剪贴板):
    javascript:(function(){let imgs=Array.from(document.querySelectorAll('img'));let hasFocusImgs=imgs.filter(el=>el.getAttribute('tabindex')=='0'||Number(el.getAttribute('tabindex'))>0);if(hasFocusImgs.length){hasFocusImgs.forEach(el=>el.setAttribute('tabindex','-1'));}else{imgs.forEach(el=>el.setAttribute('tabindex','0'));}})();
  2. 随便打开一个网页,按 Ctrl+D 尝试将当前页面加入书签,在加入书签这个窗口请不要直接点“完成”按钮,而需要点“更多”按钮。
  3. 点击“更多”按钮后,你会看到一个名称和网址的输入框,你可以在名称处输入“设置取消图片焦点”(或者其他你更喜欢的名字),随后在网址处粘贴刚刚复制的代码;
  4. 最后点击“保存”按钮即可将这个小书签保存到你的书签栏,当然你也可以选择一个自己喜欢或者更容易找到的其他位置。
  5. 找一个包含众多图片的网页试试吧,比如这个网页
  6. 打开后你可以在书签栏里找到刚刚保存的书签点一下,然后你会发现,网页上的图片可以使用 Tab 键导航到了,想恢复原状,很简单,再点一下这个小书签或者 F5 刷新一下就恢复了。

声明: 文中 Javascript 代码由摆渡人提供,撰文 Eureka 原文发表在尤里卡部落格

标签: none

添加新评论