如何访问预加载的json变量

Question

我正在编写用户脚本，我需要的信息全部都在预装的json中提供 - 但我不知道如何访问它。

webpack-dev-server

我的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>