Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >React原生webview injectedJavascript自动填充webform

问React原生webview injectedJavascript自动填充webform
EN

Stack Overflow用户

提问于 2020-02-04 22:31:38

回答 1查看 687关注 0票数 0

所以这里是我希望它工作，我正在使用网页视图加载zara网站，他们的登录表单电子邮件元素，你可以在这里查看https://www.zara.com/uk/en/logon <input id="email" name="email" type="text" value="" autocomplete="off"

我希望当我的应用程序webview登陆zara登录页面时，react原生应用程序可以自动填写登录电子邮件和密码字段。下面是我的attampt: import React from '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}}
    />
  );
}

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

EN

回答 1

Stack Overflow用户

发布于 2020-10-20 10:32:38

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

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60066509

复制

相关文章

webview android 网站 html5

webview是对rn开发的一个重要补充，由于性能原因，旧版自带的webview即将被移除。

一粒小麦

2019/09/17

1.7K0

React-Native WebView,实现RN代码与Html的简单交互

首先结合React-Native 高版本与低版本（0.41.2 与 0.25.1）分析其RN源码（偏向于Android方向）及api

conanma

2021/11/02

2.9K0

react-native 使用 F2实现折线图

react 编程算法 html webview javascript

最近工作入坑了react-native,有实现折线图的需求,使用了阿里的antv/f2可视化库。

w候人兮猗

2020/06/24

1.4K0

react-native 使用 F2实现折线图

react html 编程算法 webview api

最近工作入坑了react-native,有实现折线图的需求,使用了阿里的antv/f2可视化库。

w候人兮猗

2020/07/01

1.7K1

React Native iOS 剖析 WebView && 解决 Error loading page Domain: WebKitErrorDomain Error Code: 101 The U

今天在对接一个网页时加载网页总是碰到 Error loading page Domain: WebKitErrorDomain Error Code: 101 The URL can't be shown （无法显示的URL）这样的错误，当然WebView屏幕中间也出现了这样错误的提示和内容。

onety码生

2018/11/21

4.2K0

Flutter 与 iOS 原生 WebView 对比

webview ios 腾讯云测试服务 unix https

原文作者：享物说 https://juejin.im/post/5c778d86e51d4506304ee348

iOSSir

2019/06/19

1.6K0

Selenium 自动填充表格

1. 京东商城查询自动填充表格 1.1 编码前准备京东商城网址：https://www.jd.com/ 京东商城首页：网页查询源代码： 1.2 selenium定位元素 selenium有以下方法用来定位元素：查找单个元素： find_element_by_id find_element_by_name find_element_by_xpath find_element_by_link_text find_element_by_partial_link_text find_element_b

AnieaLanie

2021/12/11

1.7K0

如何在 React Native 实现类微信小程序平台：WebView 调用原生组件

reactnative 微信小程序音视频

在《我们是如何将 Cordova 应用嵌入到 React Native 中》一文中，我们简单地介绍了『React Native 重写 Cordova 插件：复杂插件的调用』步骤： WebView 调用 RN 方法，并监听 React Native 返回的相应事件 React Native 接收到 WebView 的调用，调用原生代码，并监听原生代码返回的相应事件原生代码执行 React Native 调用的方法，并响应事件给 React Native React Native 接收到原生代码的值，执行

Phodal

2018/01/29

3.7K0

MybatisPlus自动填充功能

腾讯云测试服务网络安全

文章目录 1、实体类@TableField注解添加fill属性 2、自定义实现类 MyMetaObjectHandler 3、测试公共字段填充插入 4、测试公共字段填充修改 1、实体类@TableField注解添加fill属性我下面设置的是在插入和更新时自动填充 @TableField(fill = FieldFill.INSERT_UPDATE) FieldFill是个枚举类，可以设置的值如下所示： public enum FieldFill { /** * 默认不处理

别团等shy哥发育

2023/02/25

1.6K0

MybatisPlus自动填充功能

H5如何与原生App通信？

编程算法 webview html5 容器 ios

为了提高开发效率，开发人员往往会使用原生app里面嵌套前端h5页面的快速开发方式，这就要涉及到h5和原生的相互调用，互相传递数据，接下来就实践项目中的交互方式做一个简单的记录分享，废话不多说，直接上正文：

用户9253515

2021/12/17

6.1K0

React Native使用百度Echarts显示图表

react nat 开源

首先需要在我们的React Native项目中安装native-echarts组件，该组件是兼容IOS和安卓双平台的。

forrest23

2018/08/03

2.6K0

React Native使用百度Echarts显示图表

安卓原生与hml交互（WebView基础）

html android hashmap

在Android4.2以上可以直接使用@JavascriptInterface注解来声明，下面是在一个本地Java方法

用户2038589

2018/09/06

1.8K0

mybatis-plus自动填充

对应的值在com.baomidou.mybatisplus.annotation.FieldFill这个枚举里

阿超

2022/08/16

8160

mybatis-plus自动填充

ReactNative项目中集成旧版本的Angular 1.x的项目

由于新版本（简称2.0版本）的APP使用新技术ReactNative新技术，并且时间紧张，只有公共部分，如登录、联系人等公共部分使用ReactNative重新做的，但是之前的一些旧模块（发文、收文、出差、签报、信息发布等）就没有时间来重新做了，只能是融合之前旧版本（简称1.x版本）angular技术做的的模块。这也就是今天需要记录的ReactNative集成H5（angular开发的APP模块）。

贺贺V5

2018/08/21

8560

ReactNative项目中集成旧版本的Angular 1.x的项目

Mybatis-Plus时间自动填充

腾讯云测试服务 spring mybatis android 网络安全

优秀的Mybatis-plus又来了，这次将体验创建时间，更新时间的自动填充功能，

乐心湖

2020/07/31

1.3K0

Mybatis-Plus时间自动填充

mybatis-plus：自动填充功能

首先先了解一下那些需要自动填充，阿里巴巴开发手册建议每一张表都要有create_time和update_time字段

许喜朝

2020/08/11

1.3K0

android获取短信并自动填充

package com.velo.quanquan.util; import java.util.regex.Matcher; import java.util.regex.Pattern; import net.iaf.framework.util.Loger; import android.app.Activity; import android.database.ContentObserver; import android.database.Cursor; import android.net.

xiangzhihong

2018/01/29

1.4K0

ThinkPHP中自动填充日期时间

数据库 sql 编程算法 thinkphp php

如果是用自己的函数那就要用callback，第二个参数默认当前模块能调用的方法；用function的话第二个参数为函数名，而这个函数可以是PHP自带的，也可以是你自己写的

PM吃瓜

2019/08/13

1.4K0

Power BI原生图表自定义填充图案

svg https 网络安全

以上所有效果不依赖任何第三方视觉对象，完全使用Power BI内置图表生成，交互功能一个不少（比如工具提示），数据标签，条件格式也完全支持。这是怎么办到的？

wujunmin

2022/12/13

1K0

Power BI原生图表自定义填充图案

点击加载更多

相似问题

React原生Webview自动登录

15

React原生WebView视频自动高度

10

injectedJavaScript在react本机的Webview中不起作用

710

injectedJavaScript在react本机的Webview中不起作用

139

React原生webview与swift/java webview

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例