前端开发人员在浏览网页时,遇到自己喜欢的网页,总想看看代码是怎么写的,也有些人需要对网页源代码进行修改,那你知道怎么查看一个网页的源代码吗?这篇文章就和大家讲讲如何查看源代码,以及不同浏览器的查看源代码的快捷键。有需要的朋友可以参考一下,希望对你有用。

一、源代码是什么

一般来讲,通过html代码能让图片、文字、视频等内容在浏览器中显示出来的代码,我们就称它为网页源代码。CSS代码可以称它为CSS源代码。

二、如何查看源代码

接下来主要介绍四种方法打开网页源代码

1、任意打开一个网页,鼠标右击会看到”查看源代码“,这个网页的源代码就出现在你眼前了。

2、为了方便快捷,小伙伴们可以使用快捷Ctrl+U来查看源码,同样可以实现。

补充:想要看一个页面的局部样式,可以鼠标右键,点击审查元素。还可以用快捷键F12,或者快捷键Ctrl+Shift+I调用或者关闭开发者工具,以此来查看源代码。

3、也可以在你想要查看的网页地址栏前面加上入view-source:

比如:view-source:https://www.baidu.com/ 就可以查看百度的源代码

4、除此之外,还可以在浏览器的设置菜单框中,找到“更多工具”,然后再找开发者工具,也可以查看网页源代码。

注:但是不同的浏览器好像有点区别。

火狐:找到设置菜单框,找到web开发者,然后再找到页面源代码

谷歌浏览器就不一一截图了,都差不多,只是有些细微差别。

以上介绍了四种查看页面源代码的方法。不知道的小伙伴可以自己动手试试,找到一种便捷好用的方式即可。

html中看到php代码_分享查看页面源代码的四种方法相关推荐

  1. 如何看mysql版本_如何查看mysql版本的四种方法,MySQL版本查看

    1:在终端下:mysql -V. 以下是代码片段: [shengting@login ~]$ mysql -V mysql Ver 14.7 Distrib 4.1.10a, for redhat-l ...

  2. 查看mysql版本的四种方法

    2019独角兽企业重金招聘Python工程师标准>>> 查看mysql版本的四种方法 1:在终端下:mysql -V. 以下是代码片段: [shengting@login ~]$ m ...

  3. linux下查看mysql版本的四种方法

    Linux查看MySQL版本的四种方法 1 在终端下执行 mysql -V 2 在help中查找 mysql --help |grep Distrib 3 在mysql 里查看 select vers ...

  4. 查看mysql数据库版本_MySQL数据库之查看MySQL版本的四种方法

    本文主要向大家介绍了MySQL数据库之查看MySQL版本的四种方法 ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. 1.终端下直接使用mysql命令 [root@localhos ...

  5. var conf=confirm(确定要删除吗?);_微信查看谁删除了4种方法

    点击关注上方"五分钟学算法", 设为"置顶或星标",第一时间送达干货. 转自Python之禅 如果可以给微信提建议,"双向删除好友"一定是呼 ...

  6. 神舟笔记本触摸板驱动_关闭笔记本触摸板的四种方法

    从某种意义上说,触摸板的使用,能够帮助我们解放一部分的工作.但是很多时候,我们都会用不到触摸板,因为我们还是会使用鼠标更多.这时,触摸板的存在就会显得有点碍事,因为我们会出现误触的情况.这时,我们就要 ...

  7. java互换_两个变量交换的四种方法(Java)

    对于两种变量的交换,我发现四种方法,下面我用Java来演示一下. 1.利用第三个变量交换数值,简单的方法. (代码演示一下) 1 class TestEV 2 //创建一个类 3 { 4 public ...

  8. java判断telnet通不通_(转)测试端口通不通(四种方法)

    一般情况下使用"telnet ip port"判断端口通不通.接下来通过本文给大家分享四种方法测试端口通不通,感兴趣的朋友一起学习吧 一般情况下使用"telnet ip ...

  9. 多元高斯分布异常检测代码_数据科学 | 异常检测的N种方法,阿里工程师都盘出来了...

    ↑↑↑↑↑点击上方蓝色字关注我们! 『运筹OR帷幄』转载 作者:黎伟斌.胡熠.王皓 编者按: 异常检测在信用反欺诈,广告投放,工业质检等领域中有着广泛的应用,同时也是数据分析的重要方法之一.随着数据量 ...

最新文章

  1. linux二进制文件构建mysql_linux上二进制部署mysql详细步骤(测试环境常用)
  2. Linux IO复用区别与epoll详解
  3. A*B问题(信息学奥赛一本通-T1036)
  4. Git如何处理代码冲突
  5. 《Improving Langugage Understanding by Generative Pre-Tranining》 —— GPT
  6. 四天学会Mybatis
  7. (转)ORACLE之常用FAQ V1.08
  8. java上传文件-大文件以二进制保存到数据库
  9. 基于javaEE的医院病历管理系统的设计与实现
  10. 计算机教室所有计算机无法启动,多媒体教室常见故障及解决方法
  11. 自动关机win10_win10系统U盘使用步骤酷比魔方平板电脑windows安装教程
  12. 树莓派 安装谷歌拼音输入法(树莓派官方版系统、基于Debian)
  13. nginx学习笔记七(nginx HTTP框架的执行流程)
  14. CASS11.0亮点介绍(超越自我,再续辉煌),AutoCAD2020平台界面更加高雅了,或许您应该来体验一下新平台的高雅黑
  15. Google用AI技术为Allo增加表情符号建议按钮
  16. 2019.11.10
  17. 软件测试人员分工【管理层必看】
  18. c语言spawning c1.exe,在VC++6.0中,总是出现一个叫error spawning c1.exe的错误,怎么回事?...
  19. 中国移动清退3G进行时
  20. pcap_findalldevs_ex 各参数简述

热门文章

  1. react-prop
  2. RK平台 CPU、GPU、DDR 频率动态修改
  3. 自定义 ESP32 分区表 partitions.csv
  4. GCJ到底怎么用?????
  5. mongoDB——安装和启动
  6. GitHub:Python面试题
  7. 字节跳动春招——雀魂启动
  8. Maven 3.9.1下载安装配置一条龙(无压力)亲测
  9. 关于华为EMUI4.0忽略电池优化失败的问题
  10. 铭说 | 欧盟ENISA《网络安全威胁态势分析方法》介绍——6步方法论