Javascript Google Chrome开发者工具的源代码栏下有哪些内容?

Javascript Google Chrome开发者工具的源代码栏下有哪些内容?,javascript,html,css,Javascript,Html,Css,我知道对于一个有经验的开发人员来说,这是一个愚蠢的问题,但是我自学成才,并且真正忽略了形式和实用性之间的差距。我试图了解一些与HTML、CSS和JavaScript结合在一起的开源空闲游戏,几乎所有这些游戏都在HTML中调用这些(我假设它们是API)。原始HTML如下所示 <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].

我知道对于一个有经验的开发人员来说,这是一个愚蠢的问题,但是我自学成才,并且真正忽略了形式和实用性之间的差距。我试图了解一些与HTML、CSS和JavaScript结合在一起的开源空闲游戏,几乎所有这些游戏都在HTML中调用这些(我假设它们是API)。原始HTML如下所示

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-47311210-3', 'auto');
    ga('send', 'pageview');
</script>

(函数(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]| |函数(){
(i[r].q=i[r].q | |[]).push(参数)},i[r].l=1*新日期();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(窗口,文档,“脚本”,“www.google-analytics.com/analytics.js”,“ga”);
ga(“创建”、“UA-47311210-3”、“自动”);
ga(‘发送’、‘页面浏览’);
我的问题有两部分。我可以问你这些东西是什么,但是我知道有人不想带我去参观你认为基本的开发知识。那么,我从哪里学到这些东西呢

我的意思是,即使我知道他们在做什么,我从哪里可以了解到更多?它们是API吗?因为我经常听到这个词,但这并不意味着我有经验。如果它们是API,我在哪里可以找到更多?我如何知道使用哪些API和不使用哪些API?从理论上讲,我可以完全用API制作一个完整的程序吗


最后,我只想感谢任何有足够耐心处理FNG的人。我为我的无知道歉。

您看到的以
函数(I,s,o,g,r,a,m)开头的代码是Google Analytics。您安装此代码是为了让Google收集有关您网站使用情况的信息,然后在仪表板中显示给您


下面显示的其他功能似乎都不是空闲游戏开发直接需要的,也许是jQuery。

您看到的以
函数(i、s、o、g、r、a、m)开头的代码是Google Analytics。您安装此代码是为了让Google收集有关您网站使用情况的信息,然后在仪表板中显示给您


下面显示的其他组似乎都不是空闲游戏开发所直接需要的,也可能是jQuery。

其他组是网页从中加载数据的域。例如,Google Analytics脚本将从
api.Google.com
加载数据,而您包含的Google字体将从
font.Google.com
加载。“源”选项卡方便地将这些域中的资源组合在一起——它对于查看站点是否从虚假域加载内容也非常有用

请注意,从另一个源加载的任何JavaScript都可能插入更多的链接/html标记,或请求加载其他资源,如CSS或字体。您可以从每个单独的文件中找到更多信息,但是对于加载了哪些文件,您可能必须仔细查看这些文件,以查看哪个文件加载了哪些文件


另外,对于您关于“我如何知道使用哪种API”的问题,简单的回答是您不使用它们。这些脚本由您添加的其他脚本使用,这些脚本可能不在您的控制之下(例如Google Analytics脚本)。

其他组是网页从中加载数据的域。例如,Google Analytics脚本将从
api.Google.com
加载数据,而您包含的Google字体将从
font.Google.com
加载。“源”选项卡方便地将这些域中的资源组合在一起——它对于查看站点是否从虚假域加载内容也非常有用

请注意,从另一个源加载的任何JavaScript都可能插入更多的链接/html标记,或请求加载其他资源,如CSS或字体。您可以从每个单独的文件中找到更多信息,但是对于加载了哪些文件,您可能必须仔细查看这些文件,以查看哪个文件加载了哪些文件


另外,对于您关于“我如何知道使用哪种API”的问题,简单的回答是您不使用它们。这些脚本由您添加的其他脚本使用,这些脚本可能不在您的控制之下(例如Google Analytics脚本)。

要回答您的标题问题,这些都是构成您所看到页面的所有来源。它们按承载它们的域进行分组。有些是HTML文件,有些是JavaScript文件,有些是CSS文件。

要回答您的标题问题,这些都是构成您所看到页面的源代码。它们按承载它们的域进行分组。有些是HTML文件,有些是JavaScript文件,有些是CSS文件。

最简单的方法是搜索。请访问google-analytics.com。转到apis.google.com(这会导致404,所以搜索带有引号的“apis.google.com”),最简单的方法就是搜索。请访问google-analytics.com。转到apis.google.com(这会导致404,所以搜索带有引号的“apis.google.com”)。