以下是谷歌浏览器下载后启用网页代码调试功能的方法：
一、进入开发者工具
1. 使用快捷键：在谷歌浏览器中，按下Ctrl+Shift+I（Windows系统）或Command+Option+I（Mac系统），即可快速打开开发者工具。这是最常用的打开方式，方便快捷，能立即进入代码调试的相关界面。
2. 通过浏览器菜单：点击谷歌浏览器右上角的三个点图标，选择“更多工具”，然后点击“开发者工具”。这种方式适合不太习惯使用快捷键的用户，通过菜单操作可以准确地找到并打开开发者工具。
3. 右键菜单操作：在网页上的任意位置右键点击，选择“检查”选项。这样也可以打开开发者工具，并且会直接定位到当前右键点击的元素所在的代码位置，方便针对特定元素进行调试。
二、了解开发者工具界面
1. 元素面板：用于查看和修改网页的HTML和CSS代码。在元素面板中，可以展开或折叠网页的各个元素，清晰地看到网页的结构。通过选中某个元素，还可以在右侧的风格面板中修改其样式属性，如颜色、字体、大小等，实时观察代码变化对页面显示的影响。
2. 控制台面板：主要用于输出JavaScript代码的运行结果、错误信息等。如果在网页中使用了JavaScript脚本，可以在控制台面板中查看脚本的执行情况，包括打印的信息、报错提示等。通过分析控制台的信息，可以帮助调试JavaScript代码中的问题。
3. 源代码面板：在这里可以查看网页的原始HTML、CSS和JavaScript代码。可以直接在源代码面板中设置断点，对代码进行逐行调试，观察代码的执行流程和变量值的变化，以便找出代码中的逻辑错误或问题所在。
三、开始代码调试
1. 设置断点：在源代码面板中，找到需要调试的JavaScript代码行，点击该行左侧的灰色区域，即可设置一个断点。当网页再次加载或执行到该断点时，代码会暂停执行，方便我们查看当前的变量值、函数调用栈等信息。
2. 逐行执行代码：设置断点后，可以使用开发者工具提供的控制按钮，如“步过”（F10）、“步入”（F11）、“步出”（Shift+F11）等，逐行执行代码。在逐行执行的过程中，可以观察变量值的变化情况，判断代码是否按照预期的逻辑运行。
3. 查看和修改变量值：在代码暂停执行的状态下，可以在“监视”面板或“控制台”面板中查看当前变量的值。如果需要，还可以直接在“控制台”面板中修改变量的值，然后继续执行代码，观察修改后的变量值对代码运行结果的影响。
4. 调试CSS样式：在元素面板中，选中要调试的元素，然后在右侧的风格面板中修改其CSS样式。可以实时看到样式修改对页面显示的影响，帮助调整网页的布局和外观。同时，还可以在风格面板中查看元素的计算样式，了解各个样式属性的最终取值。