l14107cb 发表于 2024-6-30 04:08:04

怎么样在浏览器账中查看网页的HTML源代码?


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">浏览html网页,查看其源代码,<span style="color: black;">能够</span><span style="color: black;">帮忙</span><span style="color: black;">咱们</span><span style="color: black;">认识</span>该版网页的信息以及架构,<span style="color: black;">每一个</span>浏览器都是<span style="color: black;">准许</span>用户查看<span style="color: black;">她们</span><span style="color: black;">拜访</span>的任何网页的HTML源代码的。以下编程狮小师妹就介绍几个<span style="color: black;">平常</span>浏览器的查看网页 HTML 源代码的<span style="color: black;">办法</span>。</p>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">谷歌浏览器 Google Chrome</h3>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">仅查看源代码</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">办法</span>一</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">要仅查看源代码,请按计算机键盘上的Ctrl+U。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">办法</span>二</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">右键单击网页的空白部分,<span style="color: black;">而后</span>从<span style="color: black;">显现</span>的弹出菜单中<span style="color: black;">选取</span>“查看网页源代码(V)”。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-5d985766907320f88bfe10948365d829_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">查看<span style="color: black;">包括</span>元素的页面源</h3>打开 Chrome 浏览器,<span style="color: black;">而后</span>浏览要查看其源代码的网页。点击浏览器窗口右上角的“自定义及<span style="color: black;">掌控</span>Google Chrome” <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-ce3d1722671b90090c7f68e1f09a852b_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">图标。</p>在<span style="color: black;">显现</span>的下拉菜单中,<span style="color: black;">选取</span><span style="color: black;">更加多</span><span style="color: black;">工具</span>(L),<span style="color: black;">而后</span><span style="color: black;">选取</span><span style="color: black;">研发</span>者<span style="color: black;">工具</span>(D)(快捷键:Ctrl+Shift+I)。单击屏幕底部<span style="color: black;">显现</span>的新部分左上角的“元素(Elements)”选项卡。<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-706c31562e0c983f1f2194db8e69f7a3_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">提示:</p>在 Chrome 中,按 F12 或 Ctrl+ Shift+I <span style="color: black;">亦</span>会调出交互式<span style="color: black;">研发</span>人员<span style="color: black;">工具</span>。此<span style="color: black;">工具</span><span style="color: black;">供给</span>了与源代码和 href="<a style="color: black;"><span style="color: black;">https://www.</span><span style="color: black;">w3cschool.cn/c</span></a>ss/"&gt;CSS 设置的<span style="color: black;">更加多</span>交互,<span style="color: black;">运用</span>户<span style="color: black;">能够</span>查看代码中的更改<span style="color: black;">怎样</span>立即影响网页。<h3 style="color: black; text-align: left; margin-bottom: 10px;">火狐浏览器 Mozilla Firefox</h3>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">仅查看源代码</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">办法</span>一</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">要仅查看源代码,请按计算机键盘上的 Ctrl+U。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">办法</span>二</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">右键单击网页的空白部分,<span style="color: black;">而后</span>从<span style="color: black;">显现</span>的弹出菜单中<span style="color: black;">选取</span>“查看页面源代码(V)”。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-4a2d674e2ffafa7b3941d22ae05cf493_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">查看<span style="color: black;">包括</span>元素的页面源</h3>打开 Firefox 并浏览您要查看其源代码的网页。单击屏幕右上角的菜单


很甜的橙橙橙子 发表于 2024-8-29 03:26:40

外贸网站建设方法 http://www.fok120.com/

nykek5i 发表于 2024-10-2 01:27:11

“板凳”(第三个回帖的人)‌
页: [1]
查看完整版本: 怎么样在浏览器账中查看网页的HTML源代码?