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

背景

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

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

　　以 Chrome、 Edge 为例，请按照以下步骤操作：

复制下面这行代码（你可以在"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'));}})();
随便打开一个网页，按 Ctrl+D 尝试将当前页面加入书签，在加入书签这个窗口请不要直接点“完成”按钮，而需要点“更多”按钮。
点击“更多”按钮后，你会看到一个名称和网址的输入框，你可以在名称处输入“设置取消图片焦点”（或者其他你更喜欢的名字），随后在网址处粘贴刚刚复制的代码;
最后点击“保存”按钮即可将这个小书签保存到你的书签栏，当然你也可以选择一个自己喜欢或者更容易找到的其他位置。
找一个包含众多图片的网页试试吧，比如这个网页。
打开后你可以在书签栏里找到刚刚保存的书签点一下，然后你会发现，网页上的图片可以使用 Tab 键导航到了，想恢复原状，很简单，再点一下这个小书签或者 F5 刷新一下就恢复了。

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