Skip to Content

登陆/注册

如何查看源代码

下载PDF文件

共同创作者是 wikiHow员工

下载PDF文件

源代码是所有网站背后的程序语言，这篇文章将介绍如何在大部分常用浏览器上查看网页的源代码。但是移动端的Safari浏览器除外，你无法在移动设备的Safari浏览器中查看网页的源代码。

方法 1

方法 1 的 2:

Chrome、火狐、Edge和IE浏览器

下载PDF文件

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-460px-View-Source-Code-Step-1-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-728px-View-Source-Code-Step-1-Version-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

你可以使用相同的方法，来在Chrome、火狐、Microsoft Edge和IE浏览器上查看网页的源代码。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-460px-View-Source-Code-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-728px-View-Source-Code-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

这个网页应该是你想要浏览其源代码的网页。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-460px-View-Source-Code-Step-3-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-728px-View-Source-Code-Step-3-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

3
右键单击页面。 如果你使用的是Mac电脑，且鼠标只有一个按钮，你可以按住 Control 键，然后点击页面。如果你使用的是触屏笔记本，可以用两个手指点击页面。接着会打开一个下拉菜单。
- 请不要右键点击一个链接或一张照片，这样会打开错误的右键菜单。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-460px-View-Source-Code-Step-4-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-728px-View-Source-Code-Step-4-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
点击 查看页面源代码 或 查看源代码 。 接着会在新窗口中或在当前窗口的下方显示浏览页面的源代码。
- 在Chrome和火狐浏览器中，你会看到 查看页面源代码 一项，而在Microsoft Edge和IE浏览器中，会出现 查看源代码 一项。
- 你也可以按下 Ctrl + U （Windows电脑）或 option + Command + U 键（Mac电脑）来查看页面的源代码。
广告

方法 2

方法 2 的 2:

Safari浏览器

下载PDF文件

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-460px-View-Source-Code-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-728px-View-Source-Code-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

它是一个蓝色的罗盘状图标。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/View-Source-Code-Step-6-Version-4.jpg\/v4-460px-View-Source-Code-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/View-Source-Code-Step-6-Version-4.jpg\/v4-728px-View-Source-Code-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

它位于Mac电脑菜单栏的左上角，点击后会打开一个下拉菜单。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5c\/View-Source-Code-Step-7-Version-4.jpg\/v4-460px-View-Source-Code-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5c\/View-Source-Code-Step-7-Version-4.jpg\/v4-728px-View-Source-Code-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

这个选项位于下拉菜单的中部。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/View-Source-Code-Step-8-Version-4.jpg\/v4-460px-View-Source-Code-Step-8-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/View-Source-Code-Step-8-Version-4.jpg\/v4-728px-View-Source-Code-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

它位于偏好设置窗口的右上角。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-460px-View-Source-Code-Step-9-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-728px-View-Source-Code-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

这个选项位于偏好设置窗口的底部。接着，你应该能看到菜单栏中出现一个开发菜单。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-460px-View-Source-Code-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-728px-View-Source-Code-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

这个网页应该是你想要浏览其源代码的网页。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/View-Source-Code-Step-11-Version-4.jpg\/v4-460px-View-Source-Code-Step-11-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/View-Source-Code-Step-11-Version-4.jpg\/v4-728px-View-Source-Code-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

这个菜单位于Mac电脑的菜单栏中、窗口菜单的左侧。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-460px-View-Source-Code-Step-12-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-728px-View-Source-Code-Step-12-Version-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

8
点击 显示页面源代码 。 它位于下拉菜单的底部。点击这个选项，会让Safari浏览器显示网页的源代码。
- 你也可以按下 option + Command + U 组合键来查看网页的源代码。
广告

小提示

尽管你无法在移动设备上查看源代码，但是你可以在iPhone或iPad设备上将网页保存为Safari书签，然后查看网页的源代码。

广告

警告

在下载那些声称能显示网页源代码的第三方应用程序时，要格外小心、谨慎。

广告

你可能还喜欢

广告

关于本wikiHow

共同创作者是 :

wikiHow专职作家

这篇文章由我们训练有素的编辑和研究团队共同创作，他们对文章的准确性和全面性进行了验证。

wikiHow的内容管理团队会严密监督编辑人员的工作，确保每篇文章都符合我们的高质量标准要求。这篇文章已经被读过116,919次。

分类: 计算机与电子产品

印度尼西亚语

打印

本页面已经被访问过116,919次。

这篇文章对你有帮助吗？

广告

-

-

472

.mwimg a.image{display:none}#header_logo{display:none}#cse-search-box{display:none}#cse-search-box-noscript{display:block !important}#cse-search-box-noscript .cse_q{color:#FFF;background-color:#B3CE9C}.wh_search .cse_q{width:88%}#mw-mf-main-menu-button{display:none;visibility:hidden}.header .search{display:none}#search_footer .cse_sa{background-image:url(/extensions/wikihow/mobile/images/white_mag.png);background-size:22px}.related_box{display:block;background:#EEE;border:5px solid #FFF;vertical-align:bottom;width:127px;background-size:180px;float:left;height:120px;position:relative}.related_box p{line-height:15px !important;font-size:13px;background-color:rgba(67,95,44,.4);color:#FFF;font-weight:bold;padding:8px;margin:0 !important;position:absolute;bottom:0}#noscript_header_logo{display:table-cell;vertical-align:middle;background-position:50% 77%;background-repeat:no-repeat;background-image:url(/extensions/wikihow/mobile/images/wikihow_logo_230.png);background-size:105px;width:auto;height:51px;padding:0 14px}.articleinfo{display:none}#iorg_free_data{z-index:50;width:100%;position:fixed}#ara_recommendations{display:none}

Design a Mobile Website

View Site in Mobile | Classic

Share by: