奔向远方

Web开发需要调试，可是调试起来并非那么容易，因为很少有大型的软件来调试，但是一些工具配合起来使用，那也是相当的顺手哦。我个人使用最多的就是firefox中的firebug和webdeveloper，IE下面的话就用IETester来查看兼容性。这里给大家介绍7个比较实用的开发测试工具。
有很多很好的工具来进行Web开发测试。这些工具可以测试从CSS验证到网站速度的一切。确保用户有一个远离问题的使用体验是每个网站的目标，这些工具是那个过程的最终步骤。 
 

1. WebSitePulse Test Tools
 

 
想要一个对反应时间、文件大小和链接的快速测试？WebSitePulse Test Tools提供了一系列快速和简便易用的测试，然后图示出从网站速度到链接错误的一切。同时它也提供了文件大小、重定向速度和DNS的数据。
 
阅读全文——共1518字

对于网站来说，往往注重设计与内容的丰富，很少有网站会关注一些反方向的重点，比如错误提示404页面，这个页面说大不大说小不小，访问的频率嘛，也不低。往往用户在浏览网页时，一旦出现了”出错”或者”抱歉”页面之类404页面的时候，用户会对网站的信任度迅速降低，如何有效的留住用户成为404页面的使命，但一般网站往往会忽视404页面所应体现的作用。
一次在诺基亚网站点击下载手机的词典文件链接时，诺基亚网站出现了错误提示：一个主题为”抱歉”的404页面。
咱们看看诺基亚的具体做法：404页面中随机贴出一张俏皮的图片（共三张）再加上几个关键的”安慰词”，将用户的紧张感瞬间打消，并立刻在下方给出了解决办法。
此页面的价值：
1. 告诉用户所处的环境：出错。
2. 告诉用户出错原因。
3. 打消用户紧张感。
4. 告诉用户该如何解决问题，给出几条途径。
阅读全文——共418字

现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对! important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏 览一下，应该没有问题了。
现在写一个CSS可以这样：
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。我真希望那个IE6快点退休……
css Hacks，css样式表补丁.用于修正XHTML编码设计的网页模板布局,某些层的溢出问题,HACKS出处:www.webdevout.net，这个CSS补丁(hacks)很简单，在样式表中单独为ie7设置某个元素，id或者class前面这样写:
阅读全文——共3413字

一、CSS HACK
以下两种方法几乎能解决现今所有HACK。
1、!important
随着IE7对!important的支持，!important 方法现在只针对IE6的HACK。
（注意写法.记得该声明位置需要提前）
程序代码<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
阅读全文——共2612字

做网站的前端开发有多痛苦？看看浏览器的兼容性调整就可以知道了，人人深恶痛绝，可惜各大浏览器依然故我，把永远的痛通通给了我们。为了解决浏览器不兼容的情况，不知有多少人苦苦冥思哈。浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位：
1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。
阅读全文——共4225字

打开网站链接是浏览一个网站最基本的动作。也是用户对这个网站的内容的第一个反馈资料，同时也是对网站的内容的进一步了解的必经之路，看似打开一个网站链接的方式简简单单，其实这些各种的打开方式直接影响着用户的体验，影响着用户对这个网站的第一感觉。
一．链接打开方式
1、新窗口打开
优点：用户点链接的时候，当前浏览的内容不会被替换，不需要通过前进、后退去看自己看过的内容；
缺点：访问一会，就会产生大量窗口，占用资源。每个窗口都需要手动关闭；
2、当前窗口打开
优点：可以一直在一个窗口内看内容，不会打开很多窗口、占用太多资源。窗口只有一个，关闭容易；
缺点：当用户需要看几个页面的内容，或者需要对比着看的时候，就很麻烦。或者必须按住SHIFT点击链接，但很少人知道和使用该操作；
3、有选择的使用新窗口和当前窗口
优点：可以比较人性化的解决以上两种方式所带来的不便。不会大量增加窗口数量，同时用户也可以在多个窗口切换阅读；
阅读全文——共1595字

1、搜索框的意义
用户总是和你想的不一样，用户很多时候是不会按照你设定的导航走的，他们更多的时候是上来就直接输入关键字进行搜索。对于购物者而言，如果清楚的知 道想要什么，他们会很明确的使用搜索框，这种情况下购物者显示出了明确的购物意图，因此搜索框能够把该意图转变为真实的购买行为。来自Fast Search的数据显示，30%的购物者进入电子商务网站后会立刻使用搜索框，超过30%的人通过导航没有找到需要的物品后转而使用搜索框。
如果一个网站没有足够合理的信息架构体系，那么搜索引擎不仅仅是有帮助性的，甚至是至关重要的设计功能。有可能比网站的导航更对用户有帮助。事实 上，搜索是用户了解在一些综合性网站内容最直接有效的方式。最好的搜索设计就是给用户提供一个简简单单的搜索框在页面显眼固定的位置上，但却有强力搜索的 能力和范围宽 广的功能。
所以，如果你的网站没有足够清晰的信息架构体系，那么，请把你的搜索框还给搜索，不要再试图去绑架你的搜索框！
阅读全文——共1259字

但凡设计师都对简洁的设计情有独钟，我们不喜欢复杂，却也不能不会rich。
先来看下“rich”在字典里的意思：
(1) having an abundant supply of desirable qualities or substances；
(2) of great worth or quality；
(3) very productive；…
可见，“rich”即暗示比满足普遍需要或期望的要多。
那么以RIA为例，来看下RIA（Rich Internet applications富互联网应用程序）比IA（Internet applications）多在哪？
更快、更直接的互动、更仿真、更流畅的体验、更cool、更好玩、更易安装、更容易传播、更安全…更容易使用户迷惑、更复杂、更容易不切实际、更难部署、更高开发成本…
——可见，多出来的既有优点也有缺点。
我们假设B=f（U，E），即行为(Behavior)是一种以用户(User)与环境(Environment)为变量的函数(function)。
阅读全文——共2148字