如何查看html源代码

上周，一位客户询问如何才能看到其他网站的源代码。
他说他想学习其他打字员是如何写JS的。
我一步步教他，很简单。

想一想，打开一个页面，比如百度。
右键单击鼠标并“查看源代码”。
嗖嗖，一封写满代码的求职信。
这是 HTML 源代码。
简单又原始，对吧？
但有时无法正确点击，或者直接提示“禁用查看”。
那肯定是因为该网页的所有者设置了JS代码来阻止其被复制。
在这种情况下我必须使用第二种方法。
单击浏览器顶部的“查看”和“查看源代码”。
或者直接按快捷键，IE是Alt+F1 1 ，Google是Ctrl+U。
我在网易新闻上试了一下，肯定可以看到源代码。
不同浏览器的操作是不同的。
在 Firefox 中，找到“更多工具”菜单、“开发人员工具”，然后单击“源代码”。
就像 Chrome 中的 Ctrl + U 一样。
Maxthon Pasco右上角也有一个齿轮图标，选择“查看源代码”。
去年我在上海培训的时候，一个学生问我对IE1 1 的看法，我告诉他Alt+F1 1 ，他马上就学会了。

是的，看源码最能帮助我们学习，而不是窃取别人的代码。
您可以看到人们如何使用 CSS 来构建演示文稿、如何编写 AJAX 请求以及如何使用 Canvas 制作动画。
这些技术可以直接在您的项目中使用。
我平时从事前端工作，经常把优秀页面的源码保存下来，偶尔看一下，总能学到新的东西。

如果你想学习这一点，我建议从 Chrome 开始。
CtrlTab+U 非常方便。
然后尝试几个网站，比如淘宝、京东、微博，看看源码结构的差异。
后来我找到了出路。
无论如何，这取决于你。

如何查看一个网页的HTML源代码?

直接查看网页的HTML代码是一个基本操作。

使用浏览器菜单单击“查看”并选择“源文件”。
右键单击空白区域，然后单击“查看源代码”。
对于 Chrome，请按 Ctrl+U；对于 Firefox，请按 Ctrl+Shift+C。

您还可以使用插件查看它，例如安装的Chrome“SourceView”。
SourceMapViewer可以看到更多细节。

但是修改别人网站代码时要注意版权问题。
如果自己做开发，这个技能就非常重要。
如果你能理解别人的写作方式，你对自己的写作就会有参考。
你也可以发现别人网站的问题并自己优化。

你自己看看。

如何用记事本程序查看和修改html网页的源代码

说白了，用记事本编辑 HTML 实际上非常简单，但有一些陷阱需要避免。
我们先来说说最重要的事情。
在Windows系统盘中找到c:\windows\notepad.exe文件，点击它，打开记事本附带的HTML文件。
去年我们跑的一个项目中，有同学坚持要双击打开。
结果每次都得重新连接。
不要效仿他的榜样。
还有一点，在编辑代码之前，记得按Ctrl+S保存，但不要直接保存在记事本中。
默认情况下，它以 .txt 扩展名保存，您必须手动将其更改回来。
很多人不注意这一点。
还有一个非常重要的细节。
例如，如果要更改图像的路径，只需在记事本中更改并保存即可。
然后在浏览器中按F5 刷新就可以看到了。

一开始以为notebook代码没有格式化，后来发现默认是空格，这样在改变CSS样式的时候省去了很多麻烦。
等等，还有一件事，如果编辑后浏览器没有响应，请确保帐户的主要属性已更改。
例如，如果将其更改为大写字母，浏览器将无法识别它。

建议尝试使用记事本来处理简单的内容，例如更改标题或链接，但不要将其用于复杂的项目，特别是因为它不支持语法突出显示。
您会注意到，许多专业编辑器实际上都内置了记事本快捷键，这非常完美。
这个操作系统非常智能。