开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在 uiwebview 中处理 Javascript onorientationchange 事件

在 UIWebView 中处理 Javascript onorientationchange 事件，可以通过以下步骤实现：

在 UIWebView 的代理方法中，监听设备方向变化。
在设备方向变化时，调用 UIWebView 的 stringByEvaluatingJavaScriptFromString 方法，执行 Javascript 代码。
在 Javascript 代码中，监听 onorientationchange 事件，并执行相应的操作。

以下是一个示例代码：

import UIKit

class ViewController: UIViewController, UIWebViewDelegate {

    @IBOutlet weak var webView: UIWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        webView.delegate = self
        webView.scalesPageToFit = true
        webView.loadHTMLString("<html><body><h1>Hello World</h1<script>window.onorientationchange = function() { alert('Orientation changed to ' + window.orientation); }</script></body></html>", baseURL: nil)
    }

    func webViewDidFinishLoad(_ webView: UIWebView) {
        let orientation = UIDevice.current.orientation.rawValue
        let js = "window.orientation = \(orientation);"
        webView.stringByEvaluatingJavaScript(from: js)
    }

    override func didRotate(from fromInterfaceOrientation: UIInterfaceOrientation) {
        let orientation = UIDevice.current.orientation.rawValue
        let js = "window.orientation = \(orientation);"
        webView.stringByEvaluatingJavaScript(from: js)
    }
}

在上述示例代码中，我们首先设置 UIWebView 的代理为当前 ViewController，并在 viewDidLoad 方法中加载一个包含 Javascript onorientationchange 事件的 HTML 页面。在 webViewDidFinishLoad 方法中，我们通过 UIWebView 的 stringByEvaluatingJavaScriptFromString 方法，设置 Javascript 中的 window.orientation 属性，以便在设备方向变化时触发 onorientationchange 事件。最后，在 didRotate 方法中，我们同样通过 UIWebView 的 stringByEvaluatingJavaScriptFromString 方法，设置 Javascript 中的 window.orientation 属性，以便在设备方向变化时触发 onorientationchange 事件。

需要注意的是，由于 UIWebView 已经被官方弃用，因此建议使用 WKWebView 替代 UIWebView。

相关搜索:iOS objective-c如何在UIWebView中捕获window.open事件 Javascript中嵌套函数的事件处理 JavaScript中的事件处理:我应该如何处理来自DOM事件的错误？事件处理中的Javascript错误在WKWebView中处理JavaScript事件如何在C#.Net中创建原型方法(如JavaScript)？如何在DevExpress MVC combobox中添加javascript事件处理程序？如何在javascript中处理"Promise { <pending> }“如何在Javascript中处理两次单击事件如何在Javascript中处理大数字？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何在 JavaScript 中处理 HTML 事件？

前言在Web开发中，JavaScript是一种常用的脚本语言，用于增强网页的交互性和动态性。HTML事件是用户与网页交互时发生的动作，如点击、鼠标移动、键盘输入等。...本文将介绍如何在JavaScript中处理HTML事件，以实现更丰富的用户体验和交互功能。什么是HTML事件 HTML事件是指在网页中发生的用户交互动作，如点击、鼠标移动、键盘输入等。...通过JavaScript，我们可以对这些事件进行监听和处理，以实现相应的功能。 JavaScript中处理HTML事件的方法在JavaScript中，可以使用多种方法来处理HTML事件。...使用事件监听器可以同时处理多个事件，也可以在需要时移除事件监听器。总结在JavaScript中处理HTML事件是实现网页交互和动态功能的重要手段。...在开发过程中，根据实际需求选择合适的事件处理方法，并注意优化代码以提高性能。

1821 0

如何在JavaScript中处理大量数据

在几年之前，开发人员不会去考虑在服务端之外处理大量的数据。现在这种观念已经改变了，很多Ajax程序需要在客户端和服务器端传输大量的数据。此外，更新DOM节点的处理在浏览器端来看也是一个很耗时的工作。...而且，需要对这些信息进行分析处理的时候也很可能导致程序无响应，浏览器抛出错误。将需要大量处理数据的过程分割成很多小段，然后通过JavaScript的计时器来分别执行，就可以防止浏览器假死。...先看看怎么开始： function ProcessArray(data,handler,callback){ ProcessArray()方法支持三个参数： data:需要处理的数据 handler:处理每条数据的函数...首先，先计算endtime，这是程序处理的最大时间。do.while循环用来处理每一个小块的数据，直到循环全部完成或者超时。 JavaScript支持while和do…while循环。...如果使用while循环，那么当开发者设置一个很小或者很低的endtime值的时候，那么处理就根本不会执行了。

3K9 0

判断js引擎是javascriptCore或者v8

来由纯粹的无聊，一直在搜索JavaScriptCore和SpiderMonkey的一些信息，却无意中学习了如何在ios的UIWebView中判断其js解析引擎的方法： if (window.devicePixelRatio...在之前的文章objC与js通信实现--WebViewJavascriptBridge中，讲述了cordova的桥接机制－通过UIWebView的stringbyEvaluateJavascriptString...方法通信，但是通过这个借口，虽然我们可以采用内置的jsc引擎执行js代码，但是无法进行更细粒度，深入到javascript运行时来执行代码，最直接的表现就是“无法在oc端对执行的js进行错误控制，如异常处理机制...对比 1，在iOS中通过UIWebView组件的stringByEvaluateJavascriptString:(NSString *)方法来调用。...实现的bridge机制性能堪忧，交互蛋疼； 4）通过UIWebView执行js代码段，有几点限制：由于ios并未给予我们通过UIWebView访问javascript运行时的权限，因此即使通过

3.4K5 0

React篇(028)-如何在 JSX 回调中绑定方法或事件处理程序?

**Binding in Constructor:** 在 JavaScript 类中，方法默认不被绑定。这也适用于定义为类方法的 React 事件处理程序。通常我们在构造函数中绑定它们。

1.6K1 0

JavaScript 项目实战工具类

= twoFingerScroll; }, false); // false-->兼容各浏览器，表示在冒泡阶段调用事件处理程序 (true 捕获阶段) function twoFingerScroll...ev.wheelDelta/120; //对 delta 值进行判断(比如正负) ，而后执行相应操作 return true; }; **11、隐藏地址栏并且处理事件的时候...，防止滚动条出现** // 隐藏地址栏 & 处理事件的时候，防止滚动条出现 addEventListener('load', function(){ setTimeout(function...(){ window.scrollTo(0, 1); }, 100); }); **12、屏幕旋转事件（onorientationchange）** //添加屏幕旋转事件侦听，可随时发现屏幕旋转状态...//当两个手指接触屏幕后开始移动时触发 gestureend // 屏幕旋转事件 onorientationchange // 检测触摸屏幕的手指何时改变方向

5191 0

IOS开发系列——UIWebView专题【整理，部分原创】

其解决方法需要Javascript和navtive code一起来做，其基本原理可参考这片文章，其流程是在Javascript handler中每创建Ajax的请求时，需要将这段js存在ajax_handler.js...http://blog.csdn.net/fengbingyang/article/details/7484453 方案一：最近在使用ios中的UIWebView显示本地网页时，遇到如下问题：...UIWebView加载带有锚点的URL(如"file:///Users/admin/home.html#pos"),程序使用javascript的range.surroundContents方法在网页中为选中文字创建高亮标签...经过一番尝试，摸索出一种解决办法，具体如下：在javascript代码的结尾部分添加一句kk="###"; 通过这样的尝试，成功让UIWebView不再跳转到初始加载位置。...方案二：在shouldStartLoadWithRequest方法中进行url相等判断，然后对于#号url进行延迟执行loadNavigationTitle的处理： - (BOOL)webView:(

8974 0

UIWebView的使用与总结

的app相对来说性能会低一点，用户的体验度也会大打折扣数据通讯复杂UIWebView与App之间进行数据通讯只能通过javascript或 UIWebViewDelegate来进行，客户端想传参数给...UIWebView修改网页或者从网页中获取数据都比较复杂。...html内容，如果html中的图片等资源在本地目录，注意将baseURL指向该目录 - (void)loadHTMLString:(NSString *)string baseURL:(NSURL...UIWebViewNavigationTypeOther 通过 NSURL *url = [request URL]; NSString *curUrl= [url absoluteString]; 可得到点击事件的...; 自动检测网页上的电话号码，点击可拨号 webView.detectsPhoneNumbers = YES; 与js交互我们在webViewDidFinishLoad方法中就可以通过javascript

5653 0

iOS学习巩固笔记-UIWebViewJavaScript

*)request navigationType:(UIWebViewNavigationType)navigationType; 2 JavaScript简介 JavaScript是一门脚本语言，简称...JS 2.1 JavaScript的常见作用给HTML网页添加动态功能，比如响应用户的各种操作操纵HTML元素，比如添加、删除、修改网页元素 2.2 常见的JavaScript函数 alert(10...); //弹框 document.getElementById(‘test’); //根据ID获得某个DOM元素 3 OC中调用JavaScipt 使用UIWebView的stringByEvaluatingJavaScriptFromString...self.webView loadRequest:[NSURLRequest requestWithURL:url]]; 3.2 HTML 1.Html决定网页的内容，css决定网页的样式，js决定网页的事件...1.一般处理方式： app异常闪退，那么捕获crash信息，并记录在本地沙盒中。

1.2K7 0

iOS引入JavaScriptCore引擎框架（一）

JavaScriptCore引擎我们都知道WebKit是个渲染引擎，简单来说负责页面的布局，绘制以及层的合成，但是WebKit工程中不仅仅有关于渲染相关的逻辑，也集成了默认的javascript...ARM架构处理器中使用三地址指令，减少了次数较多的出栈和入栈等指令分派以及耗时的内存IO；JIT在java虚拟机中应用比较多，针对执行较多次的热点方法进行编译为本地方法，执行效率更高，JSC中的JIT同理...在js层的全局属性中我们可以访问该类，如window.showjoyFad context[@"showjoyFad"]=sf; context[@"ViewController"] = self;...我做过一个测试：首先在UIWebView的webViewDidStartLoad阶段创建JSContext并暴露oc端的方法，在加载一级页面时js正常调用oc的方法，而跳转到二级页面中却无法执行oc的方法...方法构建一个webViewDidFinishLoad事件，js端进行侦听并调用 2，简单的通过setTimeout将js的执行顺序排至队列末端通过上述方法，构建了一个简单的JSCBridge

1.5K6 0

WebViewJavascriptBridge源码探究--看OC和JS交互过程

= 'undefined') { console.log("WebViewJavascriptBridge: WARNING: javascript handler...-- 打印日志 --> window.onerror = function(err..., function(response) { }); } }); 3、点击html标签按钮，触发js事件 //给标签按钮设置点击事件 var...--> 重新赋值iframe标签的src属性，触发UIWebView代理方法, 根据src的值进入相应处理方法中 --> 在oc方法里面调用js方法_fetchQueue，获取js数组里面所有的参数... --> 根据传入的自定义注册标识 js_Call_Objc_Func 从oc字典_messageHandlers找出匹配block，最后执行block，里面有我们自定义处理的后续代码二、

3.3K5 0

基于ExoPlayer的ExoPlayerVideoView

ExoPlayerView是在实际工作中的产物，可能并无法完全满足各位的实际工作中的要求，但可以借鉴下。...2.自动处理音频焦点问题。 3.可以根据传感器自动处理视频方向问题。 4.支持简单的手势操作，如快进快退，调节音量。...用法导入在 build.gradle 中加入 compile 'com.jarvanmo:exoplayerview:1.0.0' ExoPlayerView 可以直接播放如mp4,m3u8 等简单视频...也可以通过如下方式更改ExoVideoView方向: videoView.toggleControllerOrientation(); 或者 videoView.setPortrait(true); 处理返回事件...} return false; } }); 如果 onClick() 返回了true,它会拦截controller中的事件

3.8K3 0

【IOS开发基础系列】UIWebView专题

其解决方法需要Javascript和navtive code一起来做，其基本原理可参考这片文章，其流程是在Javascript handler中每创建Ajax的请求时，需要将这段js存在ajax_handler.js...放在app中。...http://blog.csdn.net/fengbingyang/article/details/7484453 方案一：最近在使用ios中的UIWebView显示本地网页时...，遇到如下问题： UIWebView加载带有锚点的URL(如"file:///Users/admin/home.html#pos"),程序使用javascript的range.surroundContents...经过一番尝试，摸索出一种解决办法，具体如下：在javascript代码的结尾部分添加一句location.href="###"; 通过这样的尝试，成功让UIWebView

3183 0

UI篇- UIWebView使用大全

常用设置和方法的使用 1.UIWebView中使用到定位的话，APP中的 info.plist中就要设置跟定位相关的属性值。...使用JavaScript - (void)webViewDidFinishLoad:(UIWebView *)webView { CGRect frame = webView.frame; NSString...loadHTMLString:responseStr baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]]; 17.如何在...OC中给JS传参数，如何在OC中获取到JS传递过来的参数如果要实现这样的JS和OC的数据交互，需要使用到一个第三方文件：WebViewJavascriptBridge 给web发消息 @property...UIWebView在 iOS11中的使用。 ? UIWebView 在iOS 11上当顶部的 y值设为 0 时，是依然无法盖住UIStatusBar区域的，但是滚动时就会出现问题了。

1.9K1 0

Objective-c与js交互专题

程序码中，如果我们可以取得指定的 WebView 对象，也就可以拿到这个出现在 JavaScript 中的 window 对象，也就是 [webView windowScriptObject]。...2 具体技巧 2.1 用Objective-C 取得与设定JavaScript 对象要从 Objective-C取得网页中的 JavaScript 对象，也就是对 windowScriptObject...Javascript 中，Function 即对象的特性 JS 的 function 是对象，当一个 Objective-C 对象的 method 出现在 JS 中时，这个 method 在 JS 中...他们作为一个整体，其实起到了一个“桥梁”的作用，这三个文件封装了他们具体的交互处理方式，只开放出一些对外的涉及到业务处理的API，因此你在需要UIWebView与Nativecode交互的时候，引入该库...上面的按钮点击事件 http://blog.csdn.net/zhangkongzhongyun/article/details/24314007 UIWebView的使用总结——js事件交互 http

1.7K5 0

iOS下JS与原生OC互相调用(总结)

JS调用原生OC篇方式一第一种方式是用JS发起一个假的URL请求，然后利用UIWebView的代理方法拦截这次请求，然后再做相应的处理。...我写了一个简单的HTML网页和一个btn点击事件用来与原生OC交互，HTML代码如下： function showAlert... 然后在项目的控制器中实现UIWebView的代理方法： #pragma mark - UIWebViewDelegate -..."]; 再然后定义好JS需要调用的方法，例如JS要调用share方法：则可以在UIWebView加载url完成后，在其代理方法中添加要调用的share方法： - (void)webViewDidFinishLoad

5K3 0

WKWebView

在iOS中，加载网页目前有两种控件：UIWebView和WKWebView。...2，WKWebView拥有与Safari中相同的Nitro JavaScript引擎，大大提高了页面JS执行速度；但是UIWebView不支持Nitro JavaScript引擎，所以加载较慢。...5，WKWebView可以和JS直接互调函数，交互更方便；而UIWebView则需要依靠WebViewJavaScriptBridge第三方库来协助处理与JS的交互，实现起来较繁琐。...比如JS与Native的通信、scheme拦截、点击电话号码是否调起拨打电话的弹窗等，都是在该代理方法中处理的。...显示加载进度条我们可以通过监听WKWebView的estimatedProgress属性值来实现一个加载进度条，而UIWebView只能是通过timer事件做一个假的加载进度条。

6K2 0

微信小程序实质是什么? Hybrid App「建议收藏」

小程序能够更多的可以更多的调用手机本身的功能（如位置信息，摄像头等）。...主要技术：WXML（HTML5）、WXSS（CSS）、JavaScript；开发思路：使用app开发的数据绑定渲染的思路，掌握微信提供的控件和接口，通过javascript实现业务处理和服务器交互等操作...安装 3.安装微信开发者工具 4.登录（微信开发者账号） 5.选择无appid（没装nodejs是没有这个选项）微信小程序框架逻辑层（App Service）小程序开发框架的逻辑层是由JavaScript...逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。小程序再次基础上做了一些修改方便开发：增加 App 和 Page 方法，进行程序和页面的注册。　　...作为一种混合开发的模式，Hybrid APP底层依赖于Native提供的容器（UIWebview），上层使用Html&Css&JS做业务开发，底层透明化、上层多多样化，这种场景非常有利于前端介入，非常适合业务快速迭代

6542 0

iOS WebView 的 Hybrid 框架设计

作为一种混合开发模式，Hybrid APP 底层依赖 Native 端的 Web 容器（UIWebview 和 WKWebview），上层使用前端 Html5、CSS、Javascript 做业务开发，...WebViewJavascriptBridge是一个不错的JavaScript与Native之间双向通信的库，多个厂家包括Facebook在使用，并且新的版本开始支持WKWebView，对了解Native...对于一个公司来说，往往一套底层框架需要服务于多条业务线、多个 APP，这就需要在设计的时候考虑好哪些桥接可以在框架层实现（比如跳转 Web 页面，设置数据，获取数据，Back 事件，Close 事件，Alert...hybrid_params={params need encode}&callback=callback_ID 客户端需要根据约定，在 Bridge 处理结束后通过 WebView window 对象中的...、Reload 事件、Share 方法等。

1.6K1 0

前端工程师所需要了解的WebView

，拦截传入的参数，如果参数符合一定协议规范，那么就解析参数，扔给后续的 Java 去处理。...在 IOS8 之前，苹果手机的 WebView 使用的 UIWebView，UIWebView长期以来存在某些问题：加载速度慢存在内存泄漏内存占用多，内存优化困难如果内存占用过多还可能因为占用过多被系统...它代替了 UIKit 中的 UIWebView 和 AppKit 中的 WebView，提供了统一的跨双平台 API。...JavaScript ↔︎ Swift 对话机制使用用户脚本来注入 JavaScript WKUserScript 允许在正文加载之前或之后注入到页面中。...不过 React Native 并没有设计成 JavaScript 直接调用 Object-C，而是为了与 Native 开发里事件响应机制一致，设计成需要在 Object-C 去调 JavaScript

1.5K1 0

前端工程师所需要了解的WebView

，拦截传入的参数，如果参数符合一定协议规范，那么就解析参数，扔给后续的 Java 去处理。...在 IOS8 之前，苹果手机的 WebView 使用的 UIWebView，UIWebView长期以来存在某些问题：加载速度慢存在内存泄漏内存占用多，内存优化困难如果内存占用过多还可能因为占用过多被系统...它代替了 UIKit 中的 UIWebView 和 AppKit 中的 WebView，提供了统一的跨双平台 API。...JavaScript ↔︎ Swift 对话机制使用用户脚本来注入 JavaScript WKUserScript 允许在正文加载之前或之后注入到页面中。...不过 React Native 并没有设计成 JavaScript 直接调用 Object-C，而是为了与 Native 开发里事件响应机制一致，设计成需要在 Object-C 去调 JavaScript

1.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭