如何访问预加载的json变量

Question

我正在编写一个userscript，我所需要的信息都可以在预装的json中获得--但我不知道如何访问它。

<script type="text/preload" charset="utf-8" data-preload-id="time_zones" data-preload-secondary-id="time_zones.json?x=true">
  {"time_zones":[{"translated_name":"American Samoa","name":"American Samoa"}]}</script>

我的javascript应该做些什么才能把json变成一个变量呢？

Answer 1

选择该script元素，然后将其textContent解析为变量。

​

const obj = JSON.parse(document.querySelector('[data-preload-id="time_zones"]').textContent);
console.log(obj.time_zones);

<script type="text/preload" charset="utf-8" data-preload-id="time_zones" data-preload-secondary-id="time_zones.json?x=true">
  {"time_zones":[{"translated_name":"American Samoa","name":"American Samoa"}]}
  </script>

​