Question

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

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

混合内容：“ 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，如Mac OS X）AppleWebKit / 536.26（KHTML％2C，如Gecko）版本/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

您在手机（三星）上看到的白页就是人们在Windows的Chrome中看到的内容。我将学习如何使用remote debugging tools而不是尝试使用仿真器。

Answer 2

好，我发现了问题。 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
      )
     );

它现在可以在我的手机上使用。...

网站可以在笔记本电脑浏览器上运行，但不能在手机浏览器上运行

2 个答案: