样式和html结构可以修改，JS不支持浏览器里更改，因为页面已经加载完毕，而JS必须要在页面加载前生成，如果在浏览器改的话，刷新会重置，所以不生效；如果该代码在函数里面，重新执行函数就行，如果该代码在全局作用域，或者页面加载执行 那就没辙了 因为你刷新的话，代码就会重置 而且有时候更改关键地方的代码，会使当前页面崩溃 最好用debug调试，然后在在源文件；我也发现这个问提了，搜索后发现都是在说css的，但是它是出现在HTML代码里的然后我自己写例子试了试，结果是 在css里面用 before，是浏览器的代码查看器把它显示成before了下面是自己写的源码 lt！DOCTYPE html。

考事件去驱动程序但是木有修改源码介个事件因为页面样式可以被CSS和JS修改，改了尺寸就要重绘，但是JS是逻辑层不是展示层，不需要这个功能所以Chrome有浏览器扩展可以开发，但是改了JS还是需要重新载入；大多数浏览器都内置了开发者工具，通过这些工具，我们不仅可以查看网页源代码，还可以对网页进行调试和修改例如，在Chrome浏览器中，只需要按下F12键，就可以打开开发者工具在这个工具中，选择“Elements”选项卡，即可查看；Chrome也是一个开源的浏览器，Chrome是由原先的“GoogleBrowser”项目发展而来，采用了Webkit的网页渲染引擎，还将包含Google的“GearsProject”比较特别的就是这个内置的Gears引擎了，为我们创建离线版的浏览器应用提供了一种新；2第二种方法就是根据浏览器状态栏或工具栏中的点击“查看”然后就用一项“查看源代码”，点击查看源代码即可查看此网页的源代码源文件3首先打开谷歌浏览器GoogleChrome，任意打开一个网页例如百度，在浏览器右上；首先打开谷歌浏览器GoogleChrome，任意打开一个网页例如百度，在浏览器右上角的菜单中找到更多工具mdashmdash开发者工具并打开也可以直接按F12打开打开后，在Elements里的代码就是该页面的源代码了，若想要查找特；之所以有些网页有有些网页没有，那是因为不同网页编写的代码会不同具体哪里不同我就不懂了，能够识别出框架源代码的网页，就自然会出现“查看框架的源代码”选项，反之则没有之所以你看到只有Chrome浏览器上有这种；这是给网页开发者使用的，可以看源代码你说的是Java Script控制台吗JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言你可以利用JavaScript轻易的做出亲切的欢迎讯息。

按F12打开开发者工具即可查看 Google Chrome，又称Google浏览器，是一个由Google谷歌公司开发的网页浏览器该浏览器是基于其他开源软件所撰写，包括WebKit，目标是提升稳定性速度和安全性，并创造出简单且有效率的使用者；具体步骤如下1首先打开谷歌浏览器GoogleChrome，任意打开一个网页例如百度，在浏览器右上角的菜单中找到“更多工具”“开发者工具”并打开也可以直接按F12打开2打开后，在Elements里的代码就是该页面的；首先得熟悉这些源代码的组织结构，在中包含如下子目录releases，曾经发布过的chrome源代码的正式版本trunk，当前最新的源代码由于releases中的代码比较旧，这里就不做说明了，只说明trunk的；在Google Chrome浏览器中，按F12进入的是本地调试界面在F12调试界面中修改的JS代码，是修改的“本地缓存文件”中的代码，而不是存在于服务器上的网页的真正代码，网页的真正代码在浏览器中是无法修改的Chrome开发者调试；1打开谷歌浏览器 2任意打开一个网页 3点击浏览器右上角自定义及控制选项 4点击工具查看源代码选项，即可打开1源代码也称源程序是指未编译的按照一定的程序设计语言规范书写的文本文件，是一系；1在电脑桌面上点击Chrome图标，打开浏览器在地址栏中输入我们要查看网址在页面中，点击右键，选择查看源代码，就可以查看我们想要的信息了2第一种打开一个网页后点击鼠标的右键就会有查看源文件，操作鼠标右键。

修改定位追踪检查查看嵌套 ，修改样式和查看js动态输出信息，是开发人员得心应手的好工具，相当于Firefox插件提供的检查元素功能然而查看源代码只是把网页输出的源代码直接打开，既不能动态变化，也不能修改；可以生效的，你先检查下自己所修改的是不是有错误比如修改颜色这些，修改完之后就可以看到效果但是你修改的只是本地文件，刷新之后你所修改的内容就会被清除。