Question

所以这就是我希望使其工作的方式，我正在使用Webview加载zara网站，您可以在此处查看其登录表单电子邮件元素https://www.zara.com/uk/en/logon <input id="email" name="email" type="text" value="" autocomplete="off"

，我希望当我的应用程序Webview登陆zara登录页面时，响应本机应用程序可以自动填写登录电子邮件和密码字段。以下是我的附件：从'react'导入React；

import { StyleSheet } from 'react-native';
import { WebView } from 'react-native-webview';

export default function ZaraWebView() {
  return (
    <WebView
      source={{uri: 'https://www.zara.com/uk'}}  
      injectedJavaScript={`(function(){document.getElementById('email').value = 'test@test.com';} 
());`}    
      style={{flex: 1, marginTop: 30}}
    />
  );
}

但是它似乎不起作用，有任何示例建议吗？谢谢

Answer 1

我有类似的东西，当我从Webview组件中删除样式时，它起作用了。我将Webview组件包装在View组件中，并对其应用了相同的样式，并且按预期工作。

响应本机注入的Webview Javascript自动填充网络表单

1 个答案: