Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >嵌入到html中的javascript未在wkwebview中运行

嵌入到html中的javascript未在wkwebview中运行
EN

Stack Overflow用户
提问于 2019-06-13 15:07:27
回答 1查看 6.3K关注 0票数 3

我在一个使用UIWebView的应用程序中实现了wkwebview。当指向嵌入了javascript的本地html文件时,我无法让javascript执行。javascript被剥离成一个简单的警告并加载一个基本的google地图。所有这些都不会被执行。我需要运行本地服务器吗?GCDWebserver..

我要补充的是,html/javascript在safari中工作,谷歌浏览器没有问题。

尝试的解决方案包括: 1.加载AppTransportSecuritySettings AllowArbitrary。2. javascript webview.configuration.preferences.javaScriptEnabled = true 3.这个问题解决了这个问题,并说这个问题已经在iOS 10.3 Load Javascript files through HTML file on WKWebView in iOS中解决了,模拟器正在运行12.1 4。这个问题还解决了这个问题,回答是要求GCDWebserver能够使用wkwebview执行javascript。然而,这个问题也在iOS的最终版本中得到了解决。下面是一些代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate {
    //@IBOutlet var googleMap: WKWebView!
    var webview: WKWebView!

     override func loadView() {
         webview = WKWebView()
         webview.navigationDelegate = self
         view = webview
     }
    override func viewDidLoad() {
        super.viewDidLoad()
        //let url = URL(string: "https://schallerf1.com")!
        let url = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "www")!
        webview.load(URLRequest(url: url))
        webview.allowsBackForwardNavigationGestures = true
        let request = URLRequest(url: url)
        webview.configuration.preferences.javaScriptEnabled = true
        webview.load(request)
    }
}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>
    <head>
        <title>Simple Map</title>
        <meta name="viewport" content="initial-scale=1.0">
            <meta charset="utf-8">
                <style>
                    /* Always set the map height explicitly to define the size of the div
                     * element that contains the map. */
                #map {
                    height: 100%;
                }
                /* Optional: Makes the sample page fill the window. */
                html, body {
                    height: 100%;
                    margin: 0;
                    padding: 0;
                }
                </style>
                </head>
    <body>
        <b>WHYYYYYYYYYY!!!!</b>
        <div style="height:100%;width:100%;" id="map"></div>
        <script type="text/javascript">
            var name = "TESTTESTTEST";
            alert('code: '    + name + '\n');
            var map;
            function initMap() {
                map = new google.maps.Map(document.getElementById('map'), {
                                          center: {lat: 39.976068, lng: -83.003297},
                                          zoom: 8
                                          });
            }
        </script>
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxxxx&callback=initMap"></script>
    </body>
</html>

所有的javascript都不起作用,我应该得到一个警告和一个简单的谷歌地图应该会显示。我需要查看本地web服务器GCDWebserver吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-14 01:29:23

您应该在此WKNavigationDelegate方法中调用javascript,该方法在webview完成加载时调用。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    webView.evaluateJavaScript("initMap()", completionHandler: { (value, err) in
        // Handle response here.
    })
}

另外,我不确定为什么要调用两个不同的webview.load()请求--也许不要这样做?

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

https://stackoverflow.com/questions/56583506

复制
相关文章
HTML中的javascript交互
在Android开发中,越来越多的商业项目使用了Android原生控件与WebView进行混合开发,当然不仅仅就是显示一个WebView那么简单,有时候还需要本地Java代码与HTML中的javascript进行交互,Android也对交互做了很好的封装,所以很容易实现例如:点击网页中的按钮Android调用原生对话框,点击网页中的电话号码调用Android拨号APP。这篇给大家介绍下如何实现Android与HTML+JS的交互。 有的人可能不理解什么是javascript,可以简单理解为它在HTML中
xiangzhihong
2018/02/01
4K0
HTML中的javascript交互
Python odoo中嵌入html简单
在odoo中,通过iframe嵌入 html,页面数据则通过controllers获取,使用jinja2模板传值渲染
py3study
2020/01/15
2.2K0
Python odoo中嵌入html简单
Nginx 中运行 JavaScript
Nginx 作为市场占有率最高的Web服务器,主打高性能、可扩展。自带了很多核心功能模块,并且也有大量的第三方模块。
ConardLi
2021/08/10
2.7K0
在 HTML 中嵌入 PHP 代码
PHP 天生对 Web 和 HTML 友好,在 PHP 诞生之初,主要用于在 Web 1.0 中构建个人主页,那个时候,PHP 代表的是 Personal Home Page,随着 Web 互联网的发展,在 Web 2.0 时代,PHP 进一步进化为 PHP:Hypertext Preprocessor,即超文本处理器,而 HTML 则是 HyperText Markup Language 的缩写,也就是超文本标记语言。
学院君
2020/05/28
6.3K0
浅谈iOS中的WKWebView添加cookie
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53942862
用户1451823
2018/09/13
2.2K0
2 《JavaScript高级程序设计》__ HTML中的JavaScript
大家好,我是HoMeTown,web领域有一本神书大家应该都有看过,这本书我看过两遍,但是每次看都是粗粗的略过一些重要的知识点,甚至一些面试过程中的问题,在这本书里都能找到答案。
HoMeTown
2022/10/26
1.1K0
2 《JavaScript高级程序设计》__ HTML中的JavaScript
在 .NET Core 中运行 JavaScript
在 .NET Framework 时,我们可以通过V8.NET等组件来运行 JavaScript,不过目前我看了好几个开源组件包括V8.NET都还不支持 .NET Core ,我们如何在 .NET Core 中运行 JavaScript 呢,答案是使用 NodeServices。关于为何有在 .NET Core 中执行 JavaScript 这种需求,比较特殊,举个栗子:当你做模拟登录时,目标网站可能采用一些加密算法来计算特殊的值,如果你要完全模拟,那么除了用C#翻译这个算法还有个办法就是直接将这段加密算法JS代码拷贝使用C#来执行。还举个栗子:SPA服务端渲染,比如Angular、 React等。
晓晨
2019/03/20
3.9K0
在 .NET Core 中运行 JavaScript
WKWebView加载沙盒HTML
由于WKWebView做了安全保护,不能够直接loadRequest一个本地文件,所以iOS9之后需要使用loadFileURL方法. NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES); NSString *filePath = [NSString stringWithFormat:@"%@/%@", [paths objectAtIndex:0],@"Tes
Raindew
2020/08/26
2.4K0
html网页中嵌入LED数码管字体
原文: https://blog.csdn.net/u013946061/article/details/108402025 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>字体文件测试</title> <style type="text/css"> @font-face { font-family: 'led'; src:url(digifaw.ttf);
周星星9527
2022/04/01
1.8K0
html网页中嵌入LED数码管字体
iOS中WKWebView交互使用总结
现在多数项目中会有使用webView的情况,过去往往使用UIWebView解决问题,但是由于其各种不便,给开发者带来了很多麻烦。现在项目中有所使用,所以写一篇总结,方便以后用到了查找和使用也为了方便其他同行。
iOSSir
2019/06/14
2.9K0
HTML中传递和引用JavaScript变量
http://ivantian2008.blog.51cto.com/622133/1127456
明哥的运维笔记
2019/01/30
5.6K0
如何在 JavaScript 中处理 HTML 事件?
在Web开发中,JavaScript是一种常用的脚本语言,用于增强网页的交互性和动态性。HTML事件是用户与网页交互时发生的动作,如点击、鼠标移动、键盘输入等。本文将介绍如何在JavaScript中处理HTML事件,以实现更丰富的用户体验和交互功能。
海拥
2023/06/27
2860
如何在 JavaScript 中处理 HTML 事件?
html中嵌入iframe进行父子页面参数传递[通俗易懂]
1.父页面调用子页面函数,选择iframe的id + contentWindow +子页面的函数名([参数列表])
全栈程序员站长
2022/09/14
3.4K0
html script 换行,JavaScript中怎么换行
js中换行的方法:1、使用【\n】换行符,代码为【alert(“第一行\n第二行”)】;2、使用【\r】换行符,代码为【alert(“第一行\r第二行”)】;3、使用HTML的【 】标签。
全栈程序员站长
2022/11/01
9.9K0
html script 换行,JavaScript中怎么换行
将外部窗体程序嵌入到QWidget中
下列代码例子中实现的将窗体名字为Example的窗体嵌入到QWidget中。 #include <QApplication> #include <QWindow> #include <QWidget> #include <windows.h> int main(int argc, char *argv[]) { QApplication a(argc, argv); WId winId = (WId)FindWindow(NULL, L"Example"); QWindow *
Qt君
2023/03/17
1.5K0
将外部窗体程序嵌入到QWidget中
iOS开发中的WKWebView与JS的交互
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53541088
用户1451823
2018/09/13
2.3K0
iOS开发中的WKWebView与JS的交互
JavaScript高级程序设计(第4版)- HTML中的JavaScript
XHTML(Extensible HyperText Markup Language) 是将 HTML 作为 XML 的应用重新包装的结果
Cellinlab
2023/05/17
5190
javascript中html当中如何引用css文件
1.html当中如何引用css文件 马克-to-win:css:Cascading Style Sheets 例 1.1 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <!-- LINK.rel (Property) The relationship between the current element and the remote document. --> <link href="outer.css" rel="stylesheet"> </head> <body> <table width="190" height="80" border="2" > <tr> <td >张三</td> </tr> <tr> <td>qixy</td> </tr> <tr> <td>李四</td> </tr> <tr> <td>王五</td> </tr> </table> </body> </html> outer.css: table { background-color: #0000ff; } td { /*the following statement make the border to show, because of the different color.*/ background-color: #FF0000; }
马克java社区
2019/11/26
2.4K0
javascript中html当中如何引用css文件
将群晖相册嵌入到Hexo博客中
如何高效便捷的在博客中更新自己的动态是困扰很多人的问题,简单的方案就是另起炉灶在博客重新发布一份,但这种方法耗时耗力,因此不建议这样做。从原po平台同步到博客的某个位置应该是最理想的解决方案。对于照片来说,群晖的相册给我提供了一个来源库,那么如果我想让访客浏览我的近照,那么如何把照片从群晖相册同步到博客中就成了实现这一想法的核心问题。
ZONGLYN
2020/06/29
2K0
将群晖相册嵌入到Hexo博客中
点击加载更多

相似问题

JavaScript未在WKWebView中执行

10

Javascript未在HTML中运行

412

WKWebView未在设备上运行

11

第二个嵌入式Javascript未在HTML中运行

10

嵌入到HTML中的Javascript代码

29
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文