如何修改Nativescript <webview>中的元素

时间:2017-10-26 02:36:44

标签: angular typescript nativescript angular2-nativescript

在我的Nativescript Angular 2 Typescript应用程序中,我想要一个Nativescript WebView加载任何(不受我控制)远程网站,其中包含html文本输入字段。

然后我想用我的NativeScript应用程序具有的值填充这些输入字段。

我之前在android studio中使用java完成了这个,在那里你可以运行一些JS并修改webview的dom。但是,如果没有运行特定于Android的本机代码,Nativescript可以实现吗?

编辑:我想做这样的事情Fill fields in webview automatically

2 个答案:

答案 0 :(得分:1)

如果您能够添加nativescript-webview-interface.js,则可以完成此操作 在你的远程HTML中。如果是这样,您可以按事件传递主要的nativescript页面和webview页面。

在这里查看文档:{​​{3}}

此处的示例:https://github.com/shripalsoni04/nativescript-webview-interface

答案 1 :(得分:0)

我最终只需要运行特定于Android的代码,这就是我的组件中的功能

fillin(){
        let webview: WebView = this.webViewRef.nativeElement;        
        webview.android.getSettings().setDomStorageEnabled(true);
        webview.android.loadUrl("javascript:var myvar = document.getElementsByTagName('textarea')[0].value = 'poop';");        
    }