Safari浏览器怎么查看网页源代码_Safari浏览器网页HTML源代码查看方式

上周试过Safari看HTML。

先要开开发菜单。

在设置-高级里勾选。

开发菜单就出来了。

点开发，选显示页面源代码。

全站的HTML就出来了。

或者按Option+Command+U。

更快。

想看具体某个东西。

就用检查器。

右键点检查元素。

或者点开发，选显示Web检查器。

DOM树就在那。

点左边标签。

右边就出属性和样式。

能改。

但刷新没了。

2 02 3 年用的时候。

记得是macOS Sonoma。

旧版本可能不太一样。

动态加载的。

用快捷键看的是静态的。

要实时看。

就用检查器。

隐私模式里。

好像有些功能用不了。

算了。

网页源代码怎么看，怎样查看网页源代码

上周有个客人问我，怎么去看网页的源代码，他说想学点网页设计那啥的。
我就跟他念叨了念叨，你想想我跟你说的哈。

你要是用的IE浏览器，哎，那个老古董了，就在网页空白地方点右键，"查看源文件"，系统会给你打开一个记事本，里面就是HTML代码，挺直接的。

现在大家都用Chrome或者Firefox了，对吧？按F1 2 键，或者右键点"检查"，这个是打开开发者工具，可以看实时源代码，还能看到元素结构，特别方便。

要是想离线看，就在浏览器里点"文件"→"另存为"，保存类型选"网页，全部"，这样会保存成一个.文件，还有个配套文件夹。
然后用记事本或者VSCode这种文本编辑器打开，就能看完整的代码了。

不过要注意哈，你用"查看源文件"看到的是初始加载的静态HTML，JavaScript动态生成的内容是看不到的。
这种情况下，你得用F1 2 的开发者工具，"Elements"或者"Console"面板看看实时DOM结构。

还有啊，有些网站代码压缩得很厉害，什么空格、换行都去掉了，看起来一坨浆糊。
这种可以拿去在线工具里格式化一下，比如HTMLFormatter，这样才好读。

最重要的一点，版权问题！你只能把源代码当学习参考，不能直接复制别人代码去商用，这得尊重原创，懂不懂？不然被人家告了就麻烦了。

我平时用Chrome，感觉开发者工具功能挺全的。
Firefox也行，支持代码调试。
离线编辑我常用VSCode，Notepad++也能高亮语法，看代码方便多了。

反正你看源代码嘛，主要是为了学习或者调试，思路理清了，用什么方法都行。
你先试试看，还有什么不懂的随时问我哈。

软件测试 | 查看网页的HTML源代码

上次看那个购物网站的优惠券页面，想看看怎么做的，就顺手点了右键，"查看源文件"。
当时它弹出来的时候我还愣了一下，没想到这么简单。
打开那个页面，代码哗啦一下全出来了，各种标签看得我眼花。
这时候我就觉得，哇，原来网页是这样构成的，以前在书上看到的那些HTML标签，现在都活生生地在我眼前了。
Ctrl+F一搜，马上就能找到我想看的东西，比如那个隐藏的优惠码，真挺有意思的。
不过话说回来，这些代码看起来挺清晰的，但要是想知道那些动起来的效果是怎么实现的，比如点击按钮后弹出的优惠券信息，这个页面上的静态代码就帮不上忙了。
等等，还有个事，我发现那个网站的CSS样式表也在源代码里，怪不得页面看起来那么好看。
突然想到，要是能自己写HTML、CSS，把喜欢的网页自己克隆一个出来，那该多酷啊。
不过，这得花不少时间学习吧？