hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
阅读:2286回复: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...
hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
1楼#
发布于:2015-07-09 11:51
fang5566:貌似不错,试试看,下次打开会记住缩放的选择吗?回到原帖
不会,因为这不是页面缩放,而是样式缩放。目的也仅仅是将目标区域放大到全屏,这目标区域的位置和大小也不一定具有普适性。
hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
2楼#
发布于:2015-07-09 14:26
yfdyh000:高分屏调整 layout.css.devPixelsPerPx 的效果不好吗。回到原帖
这个会连Chrome部分也一起放大的,这对我这种希望屏幕空间留给网页的人来说不是很合适。
这个设置项应该主要适合低点距屏,例如Retina。
游客

返回顶部