推外网络专注营销型网站品牌策划与推广
FOCUS MARKETING WEBSITE BRAND PLANNING AND MARKETING PROMOTION
综合开发工具
综合的网站开发工具几乎都是浏览器的插件,提供了许许多多的功能,例如:
开关CSS、开关Javascript、开关Cache:可以马上看到你的网页在浏览器中没有CSS、没有Javascript或没有快取时的是长怎么样子。为什么要看没有CSS和Javascript的状况呢?一切都是为了Accessibility啊!
检视页面中文件的DOM结构和指定范围的原始码。
检视每个元素或DIV的ID、Class、目前的CSS样式(包括继承的样式),也可以将元素或DIV的外框显示出来。对于找出CSS和Javascript的问题十分有用。
检验HTML和CSS语法是否正确、符合W3C的标准。
因为这些工具是属于浏览器的插件,所以有分为给IE和Firefox(缩写为FF)所使用的版本,包括有:
InternetExplorerDeveloperToolbar(IE)
WebDeveloperExtension(FF)
Firebug(FF)
HTTP呼叫检视工具
让你可以很容易看到任何由浏览器所发出的HTTPRequest的一切细节,包括档头资讯、所传递的参数、档案大小、传输速度和时间…等等。用来观察Ajax呼叫的行为和除错最方便了!
HttpWatch(IE)
Firebug(FF)
原始码工具
其实大部分的综合开发工具就已经有这样的提供功能,让你单独检视网页中某个区域的原始码,或是帮你检查语法的正确性,另外也有单独小巧的原始码相关工具可以使用。想要鼠标滑过去就立刻看到该范围的原始码吗?而不需要在茫茫“码“海中捞针。
InstantSource(IE,不是免费的)
HTMLVALIDATOR(FF)
图形相关工具
除了用Photoshop、Fireworks这类标准的大型软件来切图以外,对于平常一些简单的工作,杀机焉用牛刀呢?
ColorCop:可以吸取画面上任何地方的颜色色码。
MeasureIt(FF):测量画面上的像素距离,例如想知道行距、边界要设为多少像素时,就靠他了。
ScreenCalipers:这是另一套用来测量画面上像素距离的小软件。
SplitBrowser(FF):将Firefox同一个浏览器视窗分为上下或左右两半,让你可以在同一个画面上同时看到两个或多个不同的网页内容,互相做比对,而不需要在多个视窗中切换来切换去。
IETab(FF):虽然是叫做IETab,但这可是Firefox的插件。让你在Firefox的浏览器视窗中开启IE,神奇吧!
MWSnap:免费的萤幕抓图软件,用来切图也很方便,只要用秀图软件将原始网页设计的整张图打开、显示在萤幕上,就可以用萤幕抓图软件,撷取出某个范围的图形了。
HyperSnap:另一套好用的萤幕抓图软件,但不是免费的。
Picasa:Google的免费秀图、图片管理软件。
AdobeLabs’Kuler:Adobe提供配色参考的网站,想不出要用什么颜色时,不妨去看一看找寻灵感吧!
热门文章
联络方式:
电话:400-026-0708
邮箱:admin@whytui.com
-
震惊!商家被支付宝截图骗20余万,没想到竟让百度做了背锅侠!
骗子年年有,今年特别多。从P2P的庞氏骗局到互联网的各种诈骗,络绎不绝。可以说互联网改变了我们的生活方式,但是也给骗子创造了更多的骗人方式。有人薅羊毛专盯着一
-
SEO优化没有效果应该从哪几个方面分析
搭建自己或企业网站来进行seo推广,是快速通过网络获取精准客户的重要途径,随着SEO逐步向内容生态化方向发展,很多站长开始自己进行SEO优化,但是有些站长优化效果比较
-
如何做好外链
相信很多刚开始接触seo的朋友经常会听到这么一段话:内容为王,外链为后。耳熟吗?这句话很好理解,内容就是网站一个的灵魂,那么外链则是一个网站关键。今天中涛SEO优化师
-
H5响应式网站是什么?
随着搜索引擎技术的不断,同时也为了满足现代用户对体验的追求,H5网站逐步受到很多企业和站长的青睐。这是为什么呢?相比之前的简单企业展示站在seo优化推广中有哪些
-
网站TDK优化时要注意的问题
网站TDK就是在百度对网站进行抓取时告诉它这个页面是干什么的,会让百度对其了解。网站的质量好不好,都是可以通过网站的TDK看出来的,所以TDK的设置也是网站之中较为