2017-04-11 86 views
0

我是学习代码的新手,我目前正在从树屋等资源中学习。查看chrome中的源代码

不过,我也想从其他开发者学习。我发现了几个让我感兴趣的网站。

我想知道是否有任何的方式来查看源代码,因为它是写的。 例如,当我通过单击鼠标右键查看源代码,然后查看源代码时,它看起来全部在一行上压扁在一起,而不是展开使代码难以阅读。

这里是我谈论的一个例子。 Example of code squashed together

我想知道是否有一个附加的或插件,将分离出 代码成容易可读块,以便可以通过学习。

回答

0

在页面右击元素,然后选择“检查”以查看渲染的DOM - 这是不一样的源代码,但可能是一个更好的指标为(现代网站)源可以内置通过原始HTML和JS的组合。

当您查看JS或CSS时,请在面板左下角寻找{}图标 - 这样可以很好地打印JS,同时让您逐步浏览它。

您可以用CSS也使用这样的:在工具的顶部

0

如果点击Source选项卡并点击左边的文件,在弹出的开发工具窗口中点击代码窗口底部的大括号将其放入可读格式