使用 React Native 进行 Web 抓取和注入 JavaScript 的最佳方法？

【问题标题】：Best way to Web-scrape and inject JavaScript using React Native?使用 React Native 进行 Web 抓取和注入 JavaScript 的最佳方法？
【发布时间】：2016-10-22 07:37:31
【问题描述】：

我最近开始使用 React Native 来开发一个涉及网络抓取的应用程序。我们一直在使用一个名为 React Native WebView Bridge 的组件，它类似于 Obj-C 中的 UIWebViewBridge 库，但存在一些问题。由于 React Native 是异步的，我们在返回信息时遇到了麻烦，因为应用程序使用 WebView Bridge 经常且不可预测地调用渲染函数。 WebView Bridge模块有时会调用我们注入的javascript 1次，有时会调用3次。

有没有更好的方法在 React Native 中有效地抓取信息和注入 javascript？

这是我们使用的用于 React Native 的 WebViewBridge 的链接。

【问题讨论】：

标签： javascript ios web-scraping react-native javascript-injection

【解决方案1】：

我使用cheerio 来解析来自网站的 HTML 内容，将其转换为 JSON 并使用它来提供 React 组件。通过这种方式，您可以获得使用 React Native 的好处，而不仅仅是混合 Web 应用程序。

你可以在这个 React Native 应用中找到它的一个例子：https://github.com/stan229/ClubReadyApp

【讨论】：

你能说得更具体一点吗？您不会将 HTML 渲染到 DOM，但如果您想添加一些属性（例如，类、id、更改 innerHTML），您可以。我遵循并且通常会推荐的工作流程（不知道您的情况的所有细节）是从 HTML 文档中抓取您需要的数据，使用它来渲染组件并使用 React Native 处理业务交互。
很抱歉。我所说的操纵的意思是你能用这种方法注入javascript吗？例如单击按钮或在文本字段中输入内容。我希望能够做到这一点，而我的注入脚本不会被 React 的渲染方法多次调用。是不是清楚一点？