小编教你谷歌浏览器查看源代码的具体步骤

相信很多朋友都遇到过以下问题,就是谷歌浏览器查看源代码的具体步骤。针对这个问题,今天手机之家小编就搜集了网上的相关信息,给大家做个谷歌浏览器查看源代码的具体步骤的解答。希望看完这个教程之后能够解决大家谷歌浏览器查看源代码的具体步骤的相关问题。

你们对谷歌浏览器熟悉吗?不清楚的话可以学习一下,下面就是谷歌浏览器查看源代码的具体步骤。

谷歌浏览器查看源代码的具体步骤

谷歌浏览器查看源代码的具体步骤

首先打开谷歌浏览器(Google Chrome),任意打开一个网页(例如百度);

在浏览器右上角的菜单中找到“更多工具”“开发者工具”并打开(也可以直接按F12打开);

谷歌浏览器查看源代码的具体步骤截图

打开后,在Elements里的代码就是该页面的源代码了,若想要查找特定内容,只需点击浏览器右上角的菜单中打开“查找”即可;

谷歌浏览器查看源代码的具体步骤截图

比如说想找png的内容,那就在查找栏中输入“png”,接着就会显示出所有png的位置了;

还有一种快捷方式就是直接按“Ctrl+U”即可。

谷歌浏览器查看源代码的具体步骤截图

看完上面的谷歌浏览器查看源代码的具体步骤,想必大家都学会了吧。