有什么工具可以移动网页上的元素来辅助设计吗?

以下是我对你的问题的看法:

• MeasureIt Firefox扩展,用于测量视口上的像素

• 萤火虫 外观 显然,我在样式窗格中也使用了很多。单击某条指令的左侧可暂时禁用该指令;右击为左边半个窗口的HTML中选择的元素添加内联CSS;接近样式的小三角形可以显示系统CSS(默认规则)

• Pixel Perfect 是一个Firebug插件,它将PNG覆盖在页面上,用于比较和对齐。
  别走那条路 像素怪胎 如果您的HTML/CSS工作与您的设计相差1px,请发送:)

• Firediff 也是一个Firebug插件,跟踪Firebug中所做的更改。 它会记录你在HTML窗格中要做的一切(很好),也会记录你对WDT的简短使用(不太好),比如说Shift-Ctrl-F来获取px中的字体大小信息。
  这是最接近你要求的工具,尽管我认为它不是最有价值的。好吧,先生:)

• 多个监视器 St Jeff .
  

• Reload page (在浏览器中以及在文本编辑器中保存文件和切换窗口)只需按一个键:我将Ctrl-S/Alt Tab替换为browser/F5 宏(下面的代码),并将其绑定到我的法语键盘上一个策略性地放置但无用的键:the ² 位于Tab和Esc之间的键。
  把我从肌腱炎和/或腕管综合征中救了出来!
  

  ---

  #无NV;4行开始AHK脚本
  发送模式输入
  设置工作目录%A\u脚本目录%
  SetTitleMatchMode正则表达式

  
  ::
  发送^s
  IfWinExist、Mozilla Firefox
  WinActivate、Mozilla Firefox
  发送^r;刷新浏览器
  IfWinNotActive,记事本
  

  ---

这里是Firediff和我的其他生产力工具

我用的一个技巧是。。。

在一个显示器上的常规文本编辑器上执行html/css,并使用 setTimeout(function(){ location.reload() }, 30000 ); 在另一个窗口中自动刷新浏览器。

如果你在linux上,你可能可以设置一个脚本来监视你在css目录中“保存”的文件,这样当它们被实际保存时,就可以将它绑定到浏览器并刷新选项卡,尽管我还没有真正做到这一点。

我不确定 Firefox extension "Browser Turns Editor"