快速业务通道

页面构建事半功倍:页面构建常用的一些小工具

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-23
,页面上出现了一些bug,特别是有时候这些BUG在不同的浏览器下展现还不一样,单靠Firebug工具我们烧不死这些虫,那我们就可以通过Fildder工具,来监视所有 HTTP 请求和响应的工具,选出我们需要的样式文件,通过调试本地文件来寻找线上bug出现的原因:http://www.fiddlertool.com
我们一般用来调试样式问题.

  1. 第一步:存储所需要修改的CSS文件
  2. 第二步:打开Fiddler,刷新页面
  3. 第三步:选中所需要调试修改的文件
    页面构建事半功倍:页面构建常用的一些小工具

    点击右侧的autoresponder –> Add
    页面构建事半功倍:页面构建常用的一些小工具
    即将线上的也是我们需要调试的样式文件添加进来。
  4. 第四步,将之前存好的样式表文件,添加到Fiddler中
    页面构建事半功倍:页面构建常用的一些小工具
    选择文件后,点击Save,大功告成。接下来就可以进行调试了。

     

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

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

DNS刷新工具–DNS flusher

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

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

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

1. Inspect SEO Criteria SEO标准检查及建议

页面构建事半功倍:页面构建常用的一些小工具

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

Title 标签使用正确情况

页面构建事半功倍:页面构建常用的一些小工具

  • (1) 只使用一次
  • (2) Title标签应该包含所有关键词
  • (3) Title标签长度应少于65个字符
  • (4) Title标签所包含的关键词应该少于15个

页面构建事半功倍:页面构建常用的一些小工具

Meta标签

例:<meta name=”description” content=”新浪网为全球用户24小时提供全面及时的中文资讯,内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等,设有

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号