新手 - Chrome 扩展和 Spotify API答案

【问题标题】：Newbie - Chrome Extension & Spotify API新手 - Chrome 扩展和 Spotify API
【发布时间】：2017-02-07 17:23:44
【问题描述】：

我已经离开编程游戏一段时间了，并试图重新进入游戏。我正在为 spotify 网络播放器开发一个愚蠢的 Chrome 扩展程序，以检查当前播放的歌曲是否被标记为显式。

Spotify 有两个版本的网络播放器。较新的版本可以轻松查看曲目是否明确，但较旧的版本并不总是具有此信息。我确实设法提取了曲目 ID 并使用 Spotify API，理论上我应该能够使用以下内容提取曲目信息：https://api.spotify.com/v1/tracks/4ckuS4Nj4FZ7i3Def3Br8W - 用当前播放的曲目 ID 替换 ID。在 URL 中的数据将是

"explicit" : true,

或

"explicit" : false,

我只是不知道如何让扩展程序获取和解析这些数据。我一直在尝试使用 XMLHttpRequest 函数，但没有任何效果，我看到了一些跨域问题的信息，我想知道这是否是我遇到的问题，因为扩展程序在本地机器上而不是 *. spotify.com。但同样，我不确定 chrome/js 的新手。

【问题讨论】：

标签： javascript google-chrome google-chrome-extension spotify

【解决方案1】：

您从 api 检索的数据是 json 格式，因此您需要做的就是使用 JSON.parse() link 解析从 http 请求中收到的字符串。您需要做的就是解析该数据，这会将其转换为 javascript 对象。从那里您需要做的就是使用parsedObject.explicit 获取该布尔值。如果你不知道 json 或对象是什么，这里有两个简单的解释（分别）understanding json 和 understanding objects。

如果您的 http 请求失败，很可能是由于您没有正确设置扩展程序的网站来访问清单中的 permissions。确保访问 api.spotify.com 的权限已到位，并且 Match pattern 已正确设置为将您尝试使用 http 请求访问的页面列入白名单。（"https://api.spotify.com/*" 在你的情况下）

【讨论】：