网页打不开，何修九成问题出在三个地方：代码、复网资源、何修浏览器。复网上周帮朋友修一个企业官网，何修首页白屏，复网控制台报了一堆404。何修他以为服务器崩了，复网其实只是何修CSS文件路径写错了一个字母。

先看代码。复网打开开发者工具，何修按F12，复网切到Console面板。何修红色报错信息会直接告诉你哪里出了问题。复网常见的何修有语法错误，比如少了个括号，或者变量名拼错。JavaScript里一个分号漏掉，整个脚本就罢工。这时候别急着改，先定位到具体行号。Chrome会显示错误在哪个文件、哪一行，点进去就能看到上下文。

资源加载失败也特别常见。Network面板里，所有请求按状态码排序。404是文件找不到，403是权限问题，500是服务器内部错误。我见过一个案例，图片路径用了反斜杠，Windows本地能显示，传到Linux服务器就全挂。路径统一用正斜杠，相对路径别写太深。还有缓存问题，强制刷新用Ctrl+F5，或者勾选Network面板里的Disable cache。

HTML结构错误往往被忽略。标签没闭合，浏览器会自己猜，猜错了布局就乱。用W3C的验证工具跑一遍，能揪出嵌套错误。比如<p>标签里套<div>，浏览器会强行拆开，结果和你想的完全不一样。CSS选择器写错，样式不生效，元素就堆在一起。检查元素时看Styles面板，划掉的属性说明被覆盖或无效。

响应式问题另说。手机端打开正常，桌面端错位，多半是媒体查询写反了。或者viewport没设置，meta name="viewport" content="width=device-width, initial-scale=1"。漏了这一行，手机浏览器会按980px宽度渲染，然后缩小，字小得看不清。

浏览器兼容性得单独测。同一个页面，Chrome正常，Safari白屏。大概率是用了太新的JS语法，比如可选链?.，老版本Safari不认。Babel转译能解决大部分问题，但别指望它搞定所有CSS特性。Flexbox在旧版Edge上就有坑，grid布局在IE里基本废掉。查caniuse.com，看目标浏览器支持情况。

服务器配置也会导致网页异常。MIME类型不对，CSS文件被当成text/plain，浏览器拒绝解析。Nginx里加一行types { text/css css; }。跨域问题更隐蔽，API请求被CORS拦截，控制台会明确提示。要么后端加Access-Control-Allow-Origin，要么前端走代理。

修网页像破案，线索都在细节里。别一上来就重写代码，先看报错，再查网络，最后动结构。改完一处，刷新验证一处。我习惯开两个窗口，一个写代码，一个实时预览。改完保存，切过去看效果。错了就回退，别堆着改，否则最后不知道哪步出了问题。

实在找不到原因，二分法排查。注释掉一半代码，看问题还在不在。在，说明问题在另一半；不在，就在这一半。继续拆，直到定位到具体几行。这法子笨，但管用。比对着屏幕干瞪眼强。

最后说个真事。有次一个按钮点不动，查了半天JS，最后发现是CSS里z-index设太低，被透明遮罩层盖住了。网页修复就这样，你以为的问题往往不是真问题。多动手，少瞎猜。