document/TranslateProject
2
0
Fork 0
mirror of https://github.com/LCTT/TranslateProject.git synced 2024-12-29 21:41:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #18902 from geekpi/translating

Browse Source 
translated
This commit is contained in:
geekpi 2020-07-01 08:42:50 +08:00 committed by GitHub
commit 8b879026f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 49 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
sources/tech/20200627 An open source browser extension to zoom in on images.md
View File

@ -1,50 +0,0 @@
[#]: collector: (lujun9972)
[#]: translator: (geekpi)
[#]: reviewer: ( )
[#]: publisher: ( )
[#]: url: ( )
[#]: subject: (An open source browser extension to zoom in on images)
[#]: via: (https://opensource.com/article/20/6/hoverzoom)
[#]: author: (Jeff Macharyas https://opensource.com/users/jeffmacharyas)
An open source browser extension to zoom in on images
======
Taking a closer look at web images isn't always straightforward, but
Hover Zoom+ makes it as easy as a slide of your mouse.
![Digital images of a computer desktop][1]
Have you ever visited a website and wanted to see the images displayed larger? That happens to me all the time, and it isn't always easy to make that happen.
On occasion, I sift through the source code, use **Ctrl + F** to search for the image, copy the image source address and paste it into a new window in order to see the image at its full-size glory. Or, the other option is to right-click, copy the image address, and paste into a new tab.
![Example image source code ][2]
Hover Zoom+ makes this a much simpler process. Issued under the MIT license, Hover Zoom+ is a simple Chrome extension available at the Chrome Store, and the source code is available on [GitHub.][3] It is also available for Firefox. 
This app makes that process much easier. By simply hovering over an image, you will see a pop-up show the image in its entirety, fit to your browser window, whether it is cropped or not (or if the image was placed, sized to fit, it will look the same). This can be interesting, as sometimes, the original image may have been cropped, either to fit the space or to focus on a specific part of the image. You cannot right-click and save the image directly from the pop-up, however.
According to San Jose, California-based developer Oleg Anashkin, "This is an open source version of the original HoverZoom extension, which is now overrun by malware and deleted from the store. In this version, all spyware has been removed, many bugs were fixed, and new features were added. It doesn't collect any statistics by default."
I installed the extension in Chrome on my Windows 10 laptop and took it for a spin. With the extension installed, I simply hovered over an image, and it displayed larger-than-life in a pop-up window.
However, Hover Zoom+ does not work on all websites or for all images. It works great for Facebook and Twitter, but not for sponsored content on those sites. The user can easily toggle the app to enable or disable it for specific sites. It was easy to see the entire Instagram screenshot of this cute kitten by using Hover Zoom+ without having to actually read the post (convenient!):
![Zoomed-in image of a kitten from Facebook][4]
--------------------------------------------------------------------------------
via: https://opensource.com/article/20/6/hoverzoom
作者：[Jeff Macharyas][a]
选题：[lujun9972][b]
译者：[译者ID](https://github.com/译者ID)
校对：[校对者ID](https://github.com/校对者ID)
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出
[a]: https://opensource.com/users/jeffmacharyas
[b]: https://github.com/lujun9972
[1]: https://opensource.com/sites/default/files/styles/image-full-size/public/lead-images/computer_browser_web_desktop.png?itok=Bw8ykZMA (Digital images of a computer desktop)
[2]: https://opensource.com/sites/default/files/uploads/source.jpg (Example image source code)
[3]: https://github.com/extesy/hoverzoom/
[4]: https://opensource.com/sites/default/files/uploads/fb-cat.jpg (HoverZoom+ enlarged image)

49
translated/tech/20200627 An open source browser extension to zoom in on images.md Normal file
View File

@ -0,0 +1,49 @@
[#]: collector: (lujun9972)
[#]: translator: (geekpi)
[#]: reviewer: ( )
[#]: publisher: ( )
[#]: url: ( )
[#]: subject: (An open source browser extension to zoom in on images)
[#]: via: (https://opensource.com/article/20/6/hoverzoom)
[#]: author: (Jeff Macharyas https://opensource.com/users/jeffmacharyas)
可放大图像的开源浏览器扩展
======
仔细看网络图像并不总是那么简单，但是 Hover Zoom+ 让它像鼠标滑动一样容易。
![Digital images of a computer desktop][1]
你是否曾经在访问网站时希望查看更大的图像？这无时无刻不在我身上发生，要做到这点并不总是那么容易。
有时，我在源码中筛选，使用 **Ctrl + F** 搜索图像，复制图像源地址并将其粘贴到新窗口中，以便以全尺寸查看图像。或者，另一个选择是右键单击，复制图像地址，然后粘贴到新选项卡中。
![Example image source code ][2]
Hover Zoom+ 让这个过程更加简单。Hover Zoom+ 是在 MIT 许可证下发行的，是可在 Chrome 商店中找到的简单 Chrome 扩展程序，它的源码可在 [GitHub][3] 上获得。它也可用于 Firefox。
这个应用使得该过程更加容易。通过简单地将鼠标悬停在图像上，你将看到一个弹出窗口来显示该图像的全部内容，它会匹配你的浏览器窗口，无论图像是否被裁剪（或者图像适应尺寸，它看上去将是相同的） ）。这可能很有趣，因为有时可能会裁剪原始图像，以适应空间或聚焦于图像的特定部分。但是，你无法右键单击并直接从弹出窗口中保存图像。
根据加州圣何塞的开发人员 Oleg Anashkin 的说法，“这是原始 HoverZoom 扩展的开源版本，现已被恶意软件淹没，并从商店中删除。在此版本中，所有间谍软件均已删除，许多 bug 已被修复，并添加了新功能。它默认不会收集任何统计信息。”
我在 Windows 10 笔记本上的 Chrome 中安装了扩展，然后试用了一下。安装扩展后，我将鼠标悬停在图像上，它在弹出窗口中显示了比实际更大的图像。
但是，Hover Zoom+ 不适用于所有网站或所有图像。它适用于 Facebook 和 Twitter，但不适用于这些网站上的赞助内容。用户可以轻松切换该应用以针对特定站点启用或禁用它。使用 Hover Zoom+ 可以很容易地看到 Instagram 上的这只可爱小猫而无需实际阅读帖子（方便！）：
![Zoomed-in image of a kitten from Facebook][4]
--------------------------------------------------------------------------------
via: https://opensource.com/article/20/6/hoverzoom
作者：[Jeff Macharyas][a]
选题：[lujun9972][b]
译者：[geekpi](https://github.com/geekpi)
校对：[校对者ID](https://github.com/校对者ID)
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出
[a]: https://opensource.com/users/jeffmacharyas
[b]: https://github.com/lujun9972
[1]: https://opensource.com/sites/default/files/styles/image-full-size/public/lead-images/computer_browser_web_desktop.png?itok=Bw8ykZMA (Digital images of a computer desktop)
[2]: https://opensource.com/sites/default/files/uploads/source.jpg (Example image source code)
[3]: https://github.com/extesy/hoverzoom/
[4]: https://opensource.com/sites/default/files/uploads/fb-cat.jpg (HoverZoom+ enlarged image)