网站适用于笔记本电脑浏览器，但不适用于移动浏览器

Question

我使用 MERN 堆栈开发了一个 Web 应用程序。 本网站是： www.javascriptmazes.com . 出于某种原因，当我在笔记本电脑的浏览器上打开该链接时，一切都按预期工作。 但是，当我尝试在手机(三星(上打开同一网站时，页面无法正确加载，最终我只看到浏览器的白色背景。

我不知道如何在手机上进行调试，因为我总是在笔记本电脑上进行调试。 但是，我 https://www.mobilephoneemulator.com/访问了这个网站，并尝试在模拟器上加载上述Web链接，显示的错误消息是：

混合内容："https://www.mobilephoneemulator.com/"页面是通过HTTPS加载的，但请求了一个不安全的样式表"http://www.javascriptmazes.com/static/css/main.1e4202c6.css"。此请求已被阻止;内容必须通过 HTTPS 提供。 emulate.php？url=http%3A//javascriptmazes.com&user_agent=Mozilla/6.0 (iPhone%3B CPU iPhone OS 8_0 like Mac OS X( AppleWebKit/536.26 (KHTML%2C like Gecko( Version/8.0 Mobile/10A5376e Safari/8536.25&device=Apple-Iphone6：1 混合内容： 位于"https://www.mobilephoneemulator.com/"的页面是通过HTTPS加载的，但请求了一个不安全的脚本"http://www.javascriptmazes.com/static/js/main.5d7eb463.js"。此请求已被阻止;内容必须通过 HTTPS 提供。

如何通过 HTTPS 提供内容？以及如何知道需要更改哪些特定内容？

我正在使用 MERN。所以我的客户端使用 React....另外，如果您查看Web应用程序，我会使用大量HTML画布和脚本在HTML画布上绘制。我不知道这是否相关，但只是想提一下以防万一......

如何解决这个问题？

Answer 1

好的，我发现了问题。 Redux Dev Tools 导致了这个问题。 我把它从：

var store = createStore(
rootReducer,
initialState,
compose(
applyMiddleware(...middleware),
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
)
);

自：

var store = createStore(
rootReducer,
initialState,
compose(
applyMiddleware(...middleware),
window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f
)
);

它现在可以在我的手机上工作。

Answer 2

您在手机(三星(上看到的白页是人们在 Windows 上的 Chrome 中看到的。我将学习如何使用远程调试工具，而不是尝试使用模拟器。