西红柿爱番茄

Feed Rss

火狐插件—DoMeasure

04.08.2010, Javascript, by .

BUGS:

在测试过程中发现:alt+方向键在Firefox下还是会有默认的功能按键,故宽高微调换成:alt+shift+方向键。

最新版下载:DoMeasure_v3_0_1.xpi

==========================================================

Update:

下载最新版本:DoMeasure_v3.xpi

  • 这次的修改主要是针对尺框的元素换成了自定义元素,这个得益于Firefox的特殊性。避免了使用div的时候,页面关于div的样式会影响到尺框的样式。
  • 当页面出现滚动条的时候,当在滚动条中间位置页面时候,原来单单按方向键来改变尺框的大小会跟浏览器内置的方向键功能冲突,因此改为alt+方向键来细微调整尺框的大小,ctrl+方向键来细微调整尺框的位置。
  • 还对代码进行了视觉上的修改,避免了一些不必要的视觉bug。

==========================================================

BUGS:

鉴于瓶子的测试结果,这次解决了在移动尺框的时候受滚动条的影响,以及滚动页面到其他不可见区域的时候无法测量的bug。同时还修复了移动到边界的时候会影响到滚动条的bug。新版本:DoMeasure_v2.1.0.xpi.

==========================================================

update:

鉴于番茄提出的关于背景图片限制问题,对DoMeasure进行了改写,去掉了没意义的标尺背景,改用border来代替,拖动的时候改变border的状态,同时去掉背景,这样方便准确的测量。新版本下载地址:DoMeasure_v2.xpi

========================================================

之前用js写了个页面版的Measure对象,《Measure 测量网页内容的宽高》,应番茄的提醒,就做个Firefox插件来方面使用多了,目前已经在Mozilla An-on扩展中心审核,本站有提供下载:DoMeasure.xpi,不过当前还是beta阶段,代码比较粗糙,有待完善。

使用方法:用Firefox打开,安装好后在工具栏右键选择“定制”,从图标栏中将DoMeasure图标拉到工具栏中即可使用。激活图标之后,在页面点击鼠标左键拖动,就OK了。

具体的操作方法请参照:《http://www.ilovejs.net/lab/measure/index2.html

火狐插件—DoMeasure 有 6 条回应

  1. niubility!
    不过有两个问题:
    我看标尺的图片是从你网站空间获取的,假如哪一天你空间挂了,用这个扩展的人都看不到尺子了…
    应该可以打包到xpi文件里面吧,安装后图片在本地就没这个问题了。

    还有一个 现在键盘的方向键是增加或减小选区的大小。
    我觉得当鼠标在选区上面,出现可拖动鼠标样式时,键盘方向键最好能是微调选区的偏移量。

  2. 2010-04-09 在 15:47 Supersha

    第一个问题我还在摸索中,加载不了那两个图片,打算不要那图片了,改成border。
    第二个问题,可以使用方向键来微调宽高,按住ctrl+方向键来微调位置。

  3. 我觉得放大镜还是有必要的,要不有些地方不一定很好对齐

  4. 我觉得放大镜还是有必要的,要不有些地方不一定很好对齐

  5. niubility!
    不过有两个问题:
    我看标尺的图片是从你网站空间获取的,假如哪一天你空间挂了,用这个扩展的人都看不到尺子了…
    应该可以打包到xpi文件里面吧,安装后图片在本地就没这个问题了。

    还有一个 现在键盘的方向键是增加或减小选区的大小。
    我觉得当鼠标在选区上面,出现可拖动鼠标样式时,键盘方向键最好能是微调选区的偏移量。

  6. 我觉得放大镜还是有必要的,要不有些地方不一定很好对齐

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>