js网站源码分享 js做网站

大家好,如果您还对js网站源码分享不太了解,没有关系,今天就由本站为大家分享js网站源码分享的知识,包括js做网站的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!

在移动应用程序开发中,有一种情况是用户希望将他们的交互式Web内容作为原生Android或iOS应用程序。为此,开发人员有2个选项,他们可以从头开始构建应用程序,这需要额外的时间和资源,或者是将网页作为web视图嵌入到原生android应用程序中的最简单和更快的选项。它将减少开发人员开发本机应用程序UI并仅使用当前网页中的UI的时间。

但是,这种方法存在局限性,例如某些任务或手势只能在移动应用程序中发生,而不能在浏览器中发生,例如语音命令或滑动手势。为了适应这一点,我们需要在原生应用程序中添加额外的代码,并将这个原生任务连接到我们的webview应用程序。在这种情况下,javascript注入作为将本机代码(Java或Swift)桥接到网页代码(Javascript)的解决方案

Android中的Javascript注入

在这里,我将尝试解释在Nativeandroid应用程序中加载网页所需完成的基本设置。首先,您需要在活动布局中设置webview,下面是如何在AndroidXML文件中添加<Webview>标记的示例

<WebView\nandroid:id=&34;\nandroid:layout_width=&34;\nandroid:layout_height=&34;\n/>

之后,我们需要访问互联网才能在我们的应用程序中工作,为此我们应该在Android清单文件中添加以下语法

<manifest…>\n<uses-permissionandroid:name=&34;/>\n…\n</manifest>

现在,我们可以移动到MainActivity.java文件,在这里我们需要在onCreate()函数中添加以下语法。因为onCreate函数是我们初始化一切的第一个地方,所以下面的语法帮助我们初始化我们的webview。setJavaScriptEnabled(true)语法需要设置为true,以授予在此使用javascript注入的权限。addJavascriptInterface(this,&34;)语法将有助于创建可用作Java和Javascript之间的桥梁的Web界面。在这里,我们的界面将被称为android。最后一个语法是loadUrl,它有助于在Native应用程序中加载我们的网页。

WebViewwebViewMain;\nwebViewMain=findViewById(R.id.webview);\n\nwebViewMain.getSettings().setJavaScriptEnabled(true);\nwebViewMain.addJavascriptInterface(this,&34;);\nwebViewMain.loadUrl(&34;);

仍然在MainActivity.java文件中,我们需要在onCreate()函数之外添加一个类。这个类将存储我们想要在javascript中运行的所有函数,我们也可以从javascript中获取任何值以传输到Java原生应用程序变量。示例之一是getId函数,它将HTML标签中的id传输到本地应用程序中进行识别。

publicclassWebAppInterface{\nStringvalue=&34;\n\n@JavascriptInterface\npublicStringrunValue(){\nreturnvalue;\n}\n@JavascriptInterface\npublicintgetId(id){\nreturnid;\n}\n}

要使用上述函数,下面是我们可以在onCreate()或其他侦听器函数中添加的语法。您可以识别出我们使用loadUrl来注入javascript,在loadurl中我们可以使用每种javascript语法来导出网页。同样在loadurl中,我们需要添加上面已经创建的函数,并将android作为父函数。

webViewMain.loadUrl(&34;+\n&34;);\nwebViewMain.loadUrl(&34;);

关注七爪网,获取更多APP/小程序/网站源码资源!

好了,关于js网站源码分享和js做网站的问题到这里结束啦,希望可以解决您的问题哈!

Published by

风君子

独自遨游何稽首 揭天掀地慰生平