為什么不能在移動瀏覽器上提交？

Question

我開發了一個查詢 NASA 圖像 API 的網站。 該網站在我的桌面瀏覽器上運行良好。 但是，當我嘗試從手機進行搜索時，它會卡住刷新然后崩潰。 知道我如何解決這個問題嗎？

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

我所有的javascript都寫在functions.js文件中，你可以通過源碼查看。

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"
]

collection.json請求不是由NASA 圖像和視頻庫實現發出的。 因此，我相信這些請求會導致您的問題。 您應該延遲這些請求，直到用戶打開圖像詳細信息模式之后需要數據。

您甚至可以假設圖像文件始終采用相同的格式，從而更進一步。 請注意，不同的圖像大小只是圖像路徑上的~[orig|small|thumb].jpg后綴。