你能在使用React JS的Tauri应用程序上使用React Developer Tools吗



我已经使用React JS一段时间了,您可以获得的最有用的东西之一就是这个扩展:https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en.它可以调试组件的状态,并基本上向您显示react js组件的树,而不仅仅是html dom元素。它对调试非常有用,但我不知道它是否可以在tauri应用程序上使用,同时作为桌面应用程序运行。当处于开发模式时,该应用程序只是在本地服务器上运行,因此我可以在web浏览器中打开它来测试它(对我来说是http://localhost:1420/)。不幸的是,当我在浏览器中打开它时,它无法访问后端rust功能。很快,我的应用程序将完全依赖于rust后端,因此除非连接到rust,否则前端将无法工作。这意味着我不能使用这个老技巧,也就是说我不能再使用react开发人员工具进行调试了,这将使前台的调试更加困难。有没有什么方法可以让我在桌面应用程序上使用react开发者工具,或者我可以以某种方式设置localhost服务器,这样我就可以使用react dev工具在网络浏览器中运行它,并且仍然可以访问后端rust功能?

您需要使用独立的React开发工具:https://github.com/facebook/react/tree/main/packages/react-devtools#usage-具有react dom。这将允许在Tauri窗口中运行应用程序,从而保持与Rust的连接正常工作,同时为开发工具提供一个单独的窗口。

如果你是在Windows上开发的,那么你可能会感兴趣的是,微软似乎想添加对WebView2的扩展支持:https://github.com/MicrosoftEdge/WebView2Feedback/issues/191(注意2022年5月添加的Tracked标签(

相关内容

最新更新