网站优化建设firefox小工具（二）

来源：网站建设行业资讯网
添加时间：2022-01-17

　　七、网页截图存储工具–Pearlcrescentpagesaverbasic

　　PageSaver可以将网页转化为图片，包括网页上的Flash也能同时被转化。网页可以按照你的要求保存为PNG或者JPEG格式。可以将整个网页或者在屏幕上看到的部分转化为图片。为了方便截取网页，插件提供了大量的设置选项，包括默认的文件名、文件后缀名、图片的质量。可以通过工具栏按钮截取图片，也可以通过浏览器的菜单选项截取图片，还可以通过命令行截取图片。

　　当前可见区域保存为图片：

　　将整个页面保存为图片

　　八、HTML页面与设计稿像素级比对工具–Pixelperfect

　　可以将设计师的设计图通过此插件作为蒙版加载到浏览器上，通过调节图片的透明度以及位置，可以进行设计稿与页面的细节比对，来优化提高页面样式的—有效度。

　　先将设计稿添加到需要对比的页面中来：

　　让图片显示：

　　可以通过调整透明度和具体坐标位置来重合图片和网页，然后对样式进行修正。

　　让图片显示：

　　九、本地调试页面样式利器–Fiddler

　　当我们的静态页面经过前端工程师、程序员同事的工作后，盼望着旁望着，终于上线了，这时咱们这边也又要忙碌了，因为一些在静态页面没有考虑到的情况和相关前端和程序同事的加工后，页面上出现了一些bug，特别是有时候这些BUG在不同的浏览器下展现还不一样，单靠Firebug工具我们烧不死这些虫，那我们就可以通过Fildder工具，来监视所有HTTP请求和响应的工具，选出我们需要的样式文件，通过调试本地文件来寻找线上bug出现的原因：http://www.fiddlertool.com

　　我们一般用来调试样式问题.

　　先进步：存储所需要修改的CSS文件

　　第二步：打开Fiddler，刷新页面

　　第三步：选中所需要调试修改的文件

　　点击右侧的autoresponder–>Add

　　即将线上的也是我们需要调试的样式文件添加进来。

　　第四步，将之前存好的样式表文件，添加到Fiddler中

　　选择文件后，点击Save，大功告成。接下来就可以进行调试了。

　　修改CSS文件后，直接刷新页面，即可显示出较新更改调试的新样式。

　　当然，Fiddler工具的作用不止于此，比如网速模拟等

　　十、DNS刷新工具–DNSflusher

　　页面开发的同学每天游走在开发环境、测试环境、仿真环境等等，为每个环境更改HOST是家常便饭，改完host之后，就按着ctrl+f5狂刷页面，页面的hostip地址真的就变了吗?我们需要一个直观的工具来强制浏览器更新host，DNSFlusher就是一个不错的工具，我们每次只要轻轻的优雅点击就能更新至新的host地址，现在安装。

　　十一、让搜索机器人更容易找到你–SenSEO

　　页面构建的工作不仅是要让页面尽可能的达到设计稿的艺术要求，网络传输的速度要求，还要为搜索引擎更容易找到你做出相应的努力。以前我们相对少得谈及此，SenSEO是一款SEO诊断的火狐插件，你打开面板在里面输入你的关键字，之后点击后面的几个按钮。可以给你一个综合打分，分析你的Title、Description、Keywords、robots、NumberofWords、NumberofmatchingKeywords、Keyword-Density、NumberofHTML等等。这个插件提出的有一些分析建议还是很有借鉴意义的。

　　1.InspectSEOCriteriaSEO标准检查及建议

　　此处有分数评级，绿色代表符合标准，黄色代表警告、小问题，红色代表问题严重、需要重新优化

　　Title标签使用正确情况

　　(1)只使用快速

　　(2)Title标签应该包含所有关键词

　　(3)Title标签长度应少于65个字符

　　(4)Title标签所包含的关键词应该少于15个

　　Meta标签

　　例：

　　metaname=”description”标签使用正确情况

　　(1)只使用快速

　　(2)标签应该包含所有关键词