多语言展示
当前在线:953今日阅读:84今日分享:32

浏览器中密密麻麻的css或js代码怎么看?

有时候在在网上看到一些好看的特效或者是动画,想要看看别人是怎么做的,当打开浏览器在开发者工具中查看别人的css或是js代码时,因为压缩或者是加密过的,所以都是一堆密密麻麻的代码,那要怎么看呢?
工具/原料
1

能正常连网的电脑。

2

谷歌浏览器。

方法/步骤
2

点击右上角那三横的地方,然后点击‘更多工具’,再点击‘开发者工具’来打开开发者工具。或者是直接按F12打开。

3

点击‘Sources’,然后找到那个特效或动画所对应的js或css代码。打开后看到的是乱糟糟的一堆代码。

4

点击所打开js或css页面的左下角的那个大括号‘ { }’,若是js代码的话,就会重新打开一个以'  .js:formatted '结尾的页面,;若是css代码的,就在当前页面打开;这时看到的代码就很整齐了,而不是乱糟糟的一堆了。

注意事项

若觉得这经验对你有帮助,请点击一下下面的【投票】,谢谢哦!

推荐信息