javascript - 为什么提交在移动浏览器上不起作用？

Question

我开发了一个查询 NASA 图像 API 的网站。该网站在我的桌面浏览器上运行良好。但是，当我尝试从手机搜索时，它会卡在刷新然后崩溃。知道我该如何解决这个问题吗？

链接是：https ://searchnasa.herokuapp.com/

我所有的javascript都写在functions.js文件中，你可以通过源代码查看。

标签： javascriptjqueryhtml

Answer 1

我在 MacOS Safari 上收到以下错误：

此网页已重新加载，因为它正在使用大量内存。

当前对每个生成的图像有两个请求：

• 图片缩略图（https://images-assets.nasa.gov/image/PIA07081/PIA07081~thumb.jpg）
• 图片补充链接（https://images-assets.nasa.gov/image/PIA07081/collection.json）

[
  "http://images-assets.nasa.gov/image/PIA07081/PIA07081~orig.jpg",
  "http://images-assets.nasa.gov/image/PIA07081/PIA07081~small.jpg",
  "http://images-assets.nasa.gov/image/PIA07081/PIA07081~thumb.jpg",
  "http://images-assets.nasa.gov/image/PIA07081/metadata.json"
]

NASA 图像和视频库实施collection.json并未提出这些请求。因此，我相信这些请求会导致您的问题。您应该延迟这些请求，直到用户打开图像详细信息模式之后需要数据。

通过假设图像文件始终采用相同的格式，您甚至可以走得更远。请注意，不同的图像大小只是~[orig|small|thumb].jpg图像路径上的后缀。