iOS JS交互

1. 添加本地js文件, 并配置head中的属性

function increaseMaxZoomFactor() {
    
    var element = document.createElement(‘meta‘);
    
    element.name = "viewport";
    
    element.content = "maximum-scale=5; width=980";
    
    var head = document.getElementsByTagName(‘head‘)[0];
    
    head.appendChild(element);
}

2. 添加webview代理方法

webView.scalesPageToFit = YES; // 自使用尺寸
webView.scrollView.bounces = NO; // 禁用滚动

3. 在webViewDidFinishLoad中调用本地js代码

NSString *path = [[NSBundle mainBundle]pathForResource:@"IncreaseZoomFactor" ofType:@"js"];
NSString *jsCode = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
[webView stringByEvaluatingJavaScriptFromString:jsCode];
[webView stringByEvaluatingJavaScriptFromString:@"increaseMaxZoomFactor()"];

时间: 2024-10-13 10:07:02

iOS JS交互的相关文章

iOS JS 交互之利用系统JSContext实现 JS调用oc方法

ios js 交互分为两块: 1.oc调用js 这一块实现起来比较简单, 我的项目中加载的是本地的html,js,css,需要注意的是当你向工程中拖入这些文件时,选择如下操作,(拖入的文件夹是蓝色的,相对路径),不然css,js 的路径会存在问题 加载本地html: oc调用js:一句代码搞定 2.js 调用oc js调用oc又分为两种: 1.js端是直接调用方法 这里就要说到ios7才推出的一个新的api    JavaScriptCore,首先我们引入这个类,并初始化一个JSContext对

IOS Webview JS交互之事件拦截获取

最近项目中用到了webvVew,webView加载的网页中有两个按钮,要在app里面响应这两个按钮的点击事件,并接受JS传过来的参数. ios7 的时候,出来了一个新的类库叫JavaScriptCore.framework - (void)setupJsContent { //获取当前JS环境 _content = [_webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; // 打印异

Ios开发之 -- js和ios的交互

==WebViewJavascriptBridge的介绍== #下载:https://github.com/marcuswestin/WebViewJavascriptBridge #关于WebViewJavascriptBridge的介绍:http://blog.csdn.net/yanghua_kobe/article/details/8209751 ==WebViewJavascriptBridge(在与现有的业务代码结合使用中)的小问题== *demo部分(  ExampleApp.ht

WebViewJavascriptBridge实现js与android和ios原生交互

1.实现原生与js交互     <!-- 申明交互 这段代码固定必须有 --> function setupWebViewJavascriptBridge(callback) {     //android使用     if (window.WebViewJavascriptBridge) {         callback(window.WebViewJavascriptBridge)     } else {         document.addEventListener(     

iOS与JS交互

① iOS -> JS 原理:通过WebView的方法直接调用JS代码 [WebView stringByEvaluatingJavaScriptFromString:@"A"]; // 这里的 A 就是WebView中的html所对应的JS代码 eg. 1)这里一个html所包含的js文件内的一个public方法 2)这是一个.m(iOS)文件内的一个WebView的调用1)中js方法的写法 3)那么在js的对应方法中,就会得到来自iOS的参数 ② JS -> iOS 原

iOS web与JS交互

webview 与 JS交互核心代码为: [webView stringByEvaluatingJavaScriptFromString:@"xxxxxxxxxx"];

iOS开发——网络开发OC篇&amp;OC与JS交互简单案例

OC与JS交互简单案例 网页开发中三个重要的知识,这里就不详细介绍了! Html:页面代码 Css:样式 javascript:响应 先来看一段html的简单代码,里面涉及了上面的三个部分(很简单) 1 <html> 2 <!--描述网页信息--> 3 <head> 4 <meta charset="UTF-8"/> 5 <title>hello world</title> 6 <script> 7 f

JS&amp;iOS原生交互

关于原生和hybid之争,这里不做探讨.主要讲讲JS和OC交互 开讲前附上一个牛逼的第三方 JavascriptBridge OC执行JS代码 1.stringByEvaluatingJavaScriptFromString 这个方法是UIWebView里面的方法,也是最为简单的和JS交互的方式 - (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script; 用法比较简单,一般在代理方法- (vo

iOS与JS交互实战篇(ObjC版)

前言 ObjectiveC与Js交互是常见的需求,可对于新手或者所谓的高手而言,其实并不是那么简单明了.这里只介绍iOS7.0后出来的JavaScriptCore framework. 关于JavaScriptCore 本教程中所涉及到的几种类型: JSContext, JSContext是代表JS的执行环境,通过-evaluateScript:方法就可以执行一JS代码 JSValue, JSValue封装了JS与ObjC中的对应的类型,以及调用JS的API等 JSExport, JSExpor