hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
阅读:2256回复:5

【扩展介绍】模仿智能手机浏览器的智能缩放扩展Zoomr

楼主#
更多 发布于:2015-07-09 09:24
首先放地址:
Zoomr :: Add-ons for Firefox
https://addons.mozilla.org/en-US/firefox/addon/zoomr/

用过智能手机的都应该会知道在手机浏览器中有一个方便的操作,就是双击自己想放大的网页区域,浏览器就会自动以该区域为边界自适应缩放,因为不需手动指定缩放边界,所以体验起来相当智能便捷,也可视为智能缩放。
Zoomr就是这样一款在Firefox上模仿这种功能的扩展,有两种使用方法:
1.传统式:鼠标在想放大的区域上,不移动鼠标,按住鼠标左键一段时间(从源代码看是0.3s),就会以该区域为边界智能缩放;
2.高级式:按住Ctrl+Shift键不放,鼠标悬浮的区域就会有粗线红框标记,通过移动鼠标微调红框至想放大的区域后,点击鼠标左键,就会以标记区域为边界智能缩放。
恢复原缩放:不移动鼠标,按住鼠标左键一段时间(0.3s),就会恢复原缩放。
智能缩放和恢复都会弹出提示,通常在右下角。
如果要使用鼠标拖放功能,就要在一段时间内(0.3s)移动鼠标一段距离(从源代码看是3像素以上),智能缩放就不会触发。(我自己使用有时会误触发,感觉这个时间应该设长点……
对高分屏来说,对看米粒字感到眼睛难受的用户来说,对觉得默认缩放不够、自己每次调缩放累的用户来说,这是个不错的解决方法

缺点:经缩放后,样式为 {position: fixed;} 的元素会变成随页面滚动而不是相对窗口固定,需要刷新页面来恢复……
【源代码里面是通过CSS transform来实现缩放,而不是操控浏览器的页面放大率;但个人认为这也不应该造成上述缺点。

最新喜欢:

infinityinfini...
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-03-21
  • 发帖数18482
  • 经验4836枚
  • 威望5点
  • 贡献值4316点
  • 好评度1115点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
1楼#
发布于:2015-07-09 10:47
貌似不错,试试看,下次打开会记住缩放的选择吗?
Firefox More than meets your experience
hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
2楼#
发布于:2015-07-09 11:51
fang5566:貌似不错,试试看,下次打开会记住缩放的选择吗?回到原帖
不会,因为这不是页面缩放,而是样式缩放。目的也仅仅是将目标区域放大到全屏,这目标区域的位置和大小也不一定具有普适性。
yfdyh000
千年狐狸
千年狐狸
  • UID29079
  • 注册日期2009-06-07
  • 最后登录2022-05-18
  • 发帖数2262
  • 经验1390枚
  • 威望0点
  • 贡献值52点
  • 好评度139点
  • 社区居民
  • 最爱沙发
  • 忠实会员
3楼#
发布于:2015-07-09 12:08
高分屏调整 layout.css.devPixelsPerPx 的效果不好吗。
文科
千年狐狸
千年狐狸
  • UID39959
  • 注册日期2013-10-17
  • 最后登录2019-07-27
  • 发帖数2069
  • 经验1328枚
  • 威望4点
  • 贡献值340点
  • 好评度256点
  • 最爱沙发
  • 社区居民
  • 忠实会员
4楼#
发布于:2015-07-09 13:36
很有趣呀
hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
5楼#
发布于:2015-07-09 14:26
yfdyh000:高分屏调整 layout.css.devPixelsPerPx 的效果不好吗。回到原帖
这个会连Chrome部分也一起放大的,这对我这种希望屏幕空间留给网页的人来说不是很合适。
这个设置项应该主要适合低点距屏,例如Retina。
游客

返回顶部