网络解密:怎么查看一个网页的源代码?

源代码一般情况下分为两种,一种是程序功能页的源文件或叫源代码,可以修改网页功能及显示效果,往往由技术人员自己掌握。另一种则是由系统编译之后生成的HTML源代码,这些源代码一般是给浏览器看的,通过HTML超文本编辑语言设计网页的色彩、布局、宽高、样式、动态效果等内容。在建设网站的过程中也可以用来调试页面显示异常及问题分析。

一般上网者看到的网页都包含有HTML源代码吗,这些代码告诉浏览器应该以哪种方式展现网页内容,可以理解为机器代码,是开发者与浏览器达成共识的呈现,并非用于普通浏览者识别。那么如果想要查看网页源代码应该如何操作呢?第一种方法:在当前网页点右键“查看网页源代码”:

第二种方法:如果点右键没有如上菜单,可以直接使用快捷键“ALT+V+C”,也可以在弹出的菜单里找到“查看网页源文件”选项。一般出现在当前网页的右上角。

以上二种方法是常用的查看网页源代码的方法,一般是为了便于分析HTML代码,技术人员专用。普通浏览者看到的则是一堆代码,除了汉字完全就看不明白是什么。

View Source:在 iOS 上轻松查看网页源代码

在移动互联网时代,移动端的应用和 web 体验都尤为重要,在 PC 上有很多 web 前端工具可以选择,而在移动端貌似就少之又少了,在 NEXT 出现的 View Source能帮你在 iOS 上查看任何网站的源代码,并且还能通过 inject JS 来编写自定义的 JS 代码。

你可以使用 View Source 的应用本身来直接查看网页源代码,在它的应用内输入任意网址,它就会跳过网页内容直接加载出网页源代码,代码行都是仅仅有序的。

当然你也可以在 Safari 上使用它,你只需要在分享列表中开启 view source 的服务,打开任意网页,在分享列表中选择 View Source 就能查看到网页源代码了。

这些操作放在桌面电脑上完成当然不是稀奇的事情,但是在 iOS 上也能如此有条不絮的对网页源代码进行查看和操作的话,就非常值得点赞了,web 前端大神必须得备一个。

除非注明,本站文章均为原创或编译,

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。