本总结不断更新，主要记录本人调试过程中所终结的经验与方法。 毕竟本人不是做浏览器前端的，所以如有不详敬请见谅。 css关系到界面的美观，有时候功能实现了。界面确丑到没人用，终归还是一件失败的产品，所有好的产品不仅需要实用的功能，更加需要贴心美观的外观。 1.如果遇到整体布局工整，个别布局偏移的。 可以使用浏览器取道偏移的组件（放大镜），然后得到应用到这个组件的css文件中的css效果进行修改即可，如下图所示： 可...
用他来调试javascript绝对好使。主页:http://getfirebug.com/google论坛 http://groups.google.com/group/firebugFirebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.Just the way you like it Firebug is always just a keystroke away, but it never gets in your way. You can ope...
最近在编写html5时简单的调试了下与PHP协同使用后，发现在不少情况下js、css等会失效，页面显示异常，而在以前非html5时并没有。后经过查阅各类资料，调试后发现：网页在跳转时仍有缓存，需要指出原网页和跳转后网页的关系，故，在代码中： 1.利用表单form跳转的需要在form元素里面添加target，如： 代码如下: 2.利用a超链接跳转的需要在a里面指定rel即可： 代码如下: 设置
#我是怎么发现并解决项目页面渲染效率问题的（IE调试工具探查器的使用）##背景之前的项目中，有很多的登记页面，一般都有100-200甚至更加多的字段，而且还涉及到字典、日期及其他效果的显示，载入时很慢，而且会有卡死的现象，IE下特别明显##IE调试工具探查器的使用当时找了不少资料，不过最后还是把目光聚焦到IE自带的调试工具了目前我电脑里面的是IE10，当时分析时用的是IE9，里面有一页**探查器**引起了我的注意，经过一轮的折腾...
这个是我设计的菜单， 在这个网站能看到， http://www.hadoop.so/ 不过发现菜单的间隔太大了， 但是的我用的CSS也是border-left=1px, border-right=1px 但看起来比1PX要大很多， 我那个菜单是模仿 https://flippa.com/的， 他的网站并没这个问题， 能不能帮我看一下， 调试了几天了 让菜单的间隔像那个网站一样 回复讨论(解决方案) 加上 ul.nice-menu li { position: relative; float: left; ...
修改HTML或js代码后重新生成再进行调试，网页显示还与修改之前相同，怀疑是整个网站已经编译好放在了一个地方，是否跟服务器（我的是IIS7.5）有关？ 甚至网站的源文件夹里的东西再怎么更改，加载的网页都没有变化，就算把整个文件夹删掉都还是可以在浏览器中输入URL进入。这到底是为什么？ 回复讨论(解决方案) 帅哥，发错版了。 帅哥，发错版了。 应该不是VS的问题，是浏览器的问题，用Chrome会出现用VS修改了解决方案...
#浅谈浏览器兼容性问题-（4）工具及调试##前言浏览器兼容性的问题，即使积累得更多，也会有新的问题出现。此时我们就需要会（利用工具）调试及解决问题。下面以一个滚动条宽度位置的问题为例说明此点。##问题这个网址下的表格，在IE7模式下，会有一部分的内容被滚动条覆盖了##解决我们要利用`开发人员工具`，**一层层循序寻找看是哪个元素导致的问题...
案例背景：在大型网站中，css样式划分为多个模块文件，如reset.css，layout.css，skin.css等等（颗粒化越小，样式重用率越高），页面需要的时候引入它们即可！ 回到less项目中这里，我们也可以将划分为 reset.less，layout.less，skin.less等，然后在本页面样式（如index.less）嵌入它们（嵌入的方式，就减少了多个HTTP请求，性能相对好，也可以了解为合拼），代码如下： index.less @import block/reset.less;@import bl...
z-index的问题 document的默认值是0. 一旦出现这种问题，检查下是否对大背景设置了z-index：-1; 如果设置了这个，那么所有的被设元素的内容都会在document之下，选取不到。包括不会出现链接点击、文字选取、hover等效果。 所以解决这个问题的方法就是把大背景的z-index:-1;去掉即可。
1、布局??layout 布局是windows提出的概念，用于控制元素的尺寸和定位。拥有布局的元素负责自身及其子元素的尺寸及定位，而没有布局的元素只能依靠最近的祖先元素进行控制。 通常在IE6中出现的BUG，很可能是因为布局的缘故而产生的，因而修复IE中BUG的时候，第一件事就是尝试通过规则迫使元素拥有布局来看能否修复。 默认情况下拥有布局的元素包括：body、html（标准模式下）、table、tr、td、img、hr、input、select、textarea...
在开发过程中，代码部分实现之后，就要着手于前台展示部分的界面，公司的美工又是新手，无奈，只有自己慢慢调了，但IE6之前的版本都没有好的调试工具，后来在网上搜索了一个 IE Developer Toolbar 这个工具还不错，但是对于我这个用习惯chrome和firefox的人来说，确实是个不小的挑战，于是乎最近又在网上搜索，看看能不能找一个跟chrome或者是firedebug类似的针对IE6的网页调试工具， 不巧真被我找到了。大喜之后，赶紧记录下，分享...
在本地开发环境（nginx）中，经常遇到这样的情况：调试js时浏览器总是不载入已修改的js内容，而直接吐出了上次缓存的代码。 我曾经做过以下尝试： ctrl+F5 ctrl+F5+F5+F5+F5+F5+F5 service nginx restart service nginx stop ... service nginx start service php-fpm restart service php-fpm stop ... service php-fpm start reboot 在nginx配置里...
页面制作之开发调试工具（1） 开发工具介绍 开发工具一般分为两种类型：文本编辑器和集成开发环境（IDE） 常用的文本编辑器：Sublime Text、Notepad++、EditPlus等 常用的IDE：WebStorm、Intellij IDEA、Eclipce等 我们这里主要介绍如何使用Sublime Text编辑器，它基本满足我们对前端开发工具的需求。 一、Sublime Text的特点： 跨平台、启动快 多行选择 各种实用插件 Snippets 支持VIM兼容模式 Sublime T...
原文出处： jingwhale 欢迎分享原创到伯乐头条 开发工具介绍 开发工具一般分为两种类型：文本编辑器和集成开发环境（IDE） 常用的文本编辑器：Sublime Text、Notepad++、EditPlus等 常用的IDE：WebStorm、Intellij IDEA、Eclipce等 我们这里主要介绍如何使用Sublime Text编辑器，它基本满足我们对前端开发工具的需求。 一、Sublime Text的特点： 跨平台、启动快 多行选择 各种实用插件 Snippets 支持VIM兼...
最近学习sass这个预处理工具，在搭建chrome和sass的环境出现问题，按照教程，在chrome的开发者工具那里会有一个experiments 里面会有一个support to sass ，我以为是chrome的问题，装了一个canary版的，chrome://flags 开启开发者 再看experiments，也没有。。。。图2 也觉得难道没有sass？ruby安装了，sass装了，compass装了，也都重新装一遍，还是不行， 就差了这个。。。。。，望大神解救。 回复讨论(解决方案)...