React Native - 无头浏览器自动化？

Question

我有一个应用程序需要从包含 JavaScript 的网站上抓取一些数据。 使用 NodeJS，这对于木偶师或剧作家来说很容易。 使用 React Native，我可以使用 fetch 或 axios 请求页面的 html，但不会执行 Javascript。

I have learned of a npm package which can allow me to use NodeJS with React Native on Android or iOS ( https://github.com/JaneaSystems/nodejs-mobile-react-native ). 但是由于木偶师或剧作家通常会自动执行桌面版 Chrome，有没有办法在移动设备上实现类似的功能？

Answer 1

抱歉，如果这没有直接帮助，只是播种一个想法。

为什么不使用 Webview 渲染内容，然后检索 web 页面数据？

您可能能够影响 Webview 的 /size/visibility/flex-ccs-style 以“隐藏”它，但我不确定您可以从每种技术中获得多少里程。

有文章涵盖了隐藏视图的方法（例如包含 Webview）和网页加载事件（如果您想在页面呈现后获得回调）。 我正计划做类似的事情，希望这里有一些有用的文章可以提供帮助：

• 在网站完成登录之前，如何隐藏 React-Native WebView？
• WebView 加载 state 操作（包括 'flex: 0' 样式/尺寸处理）
• 通过卸载（不渲染）隐藏组件，而不是安装和改变不透明度或 position (Medium.com)
• 组件引用和 DOM (React-Native @Facebook)
• 访问自定义组件中的 refs (StackOverflow)

看看以上是否有帮助。