iOS UIWebView URL拦截
- - 移动开发 - ITeye博客本文译者： candeladiao，原文： URL filtering for UIWebView on the iPhone. 说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源.
iOS中UIWebView与其中网页的javascript的交互
标签：
ios
uiwebview
中网
| 发表时间：2015-12-10 01:38 | 作者：
出处：http://www.iteye.com
首发： 个人博客，更新&纠错&回复
1.本地语言调js的方式与android中的方式类似，也是向WebView控件发送要调用的js语句
2. 但js调本地语言，则不是像android那样直接调一个全局变量的方法，而是通过location.href=xx://yy这样的方式触发UIWebViewDelegate接口实现者的webView shouldStartLoadWithRequest navigationType方法，该方法应该判断目标路径（即xx://yy）的schema（即xx）是否实际是要调用swift，如果是，则按约定执行之，并返回false阻止网页路径变化，如果不是要调用swift，则返回true，让改网页继续正常加载目标url。
android和iOS对比，它们都用了伪url的技术，但android是在本地语言调js时使用了伪url（该url的schema为javascript），而iOS是js调本地语言时使用了伪url（该url是自定义的标识），这个错落很有意思。
swift代码：
import UIKit
class ViewController: UIViewController, UIWebViewDelegate {
@IBOutlet weak var theWebView: UIWebView!
override func viewDidLoad() {
//加载本地html
let res = NSBundle.mainBundle().pathForResource("index",ofType:"html")
let url = NSURL(fileURLWithPath: res!);
let request = NSURLRequest(URL: url);
self.theWebView.loadRequest(request);
self.theWebView.delegate = self;
}
//让js可以调用swift
func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool {
//判断是不是js在调用swift，如果是，则处理并返回false
if(request.URL!.scheme == "myschema"){
let host = request.URL!.host;
if(host == "go"){
let query = request.URL!.query!;
print(query);
let split = query.componentsSeparatedByString("=");
let text = split[1];
self.theWebView.stringByEvaluatingJavaScriptFromString("changeContent(\"" + text + "\")");
}
return false;
}else{
return true;
}
}
//swift调用js
@IBAction func btnClicked(sender: AnyObject) {
self.theWebView.stringByEvaluatingJavaScriptFromString("changeContent(\"123\")");
}
}
网页代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<span id="theSpan"></span>
<button onclick="doIt()">js调用swift</button>
<input type="text" id="t">
<script>
//让swift可以调用js
function changeContent(str){
document.getElementById('theSpan').innerHTML = str;
}
//js调用swift
function doIt(){
document.location.href = "myschema://go?a=" + document.getElementById("t").value;
}
</script>
</body>
</html>
已有 0 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
相关 [ios uiwebview 中网] 推荐：
iOS中UIWebView与其中网页的javascript的交互
- - ITeye博客1.本地语言调js的方式与android中的方式类似，也是向WebView控件发送要调用的js语句. android和iOS对比，它们都用了伪url的技术，但android是在本地语言调js时使用了伪url（该url的schema为javascript），而iOS是js调本地语言时使用了伪url（该url是自定义的标识），这个错落很有意思.
禁用 UIWebView 里面的链接长按弹出效果
- - 张宴的博客 苹果一直拒绝 UIWebView 内嵌 HTML5 页面的 iPhone、iPad APP应用上架到 App Store，建议这样的APP去做成Safari的Web应用. 但是，苹果的审核人员只从界面、URL去判断是否HTML5的. 有一次，一个 APP应用的URL地址被他们拷贝出来，放到浏览器中能够访问，然后，应用悲催地被拒绝上架了.
[IOS]iOS App性能优化
- - 操作系统 - ITeye博客iOS App的性能关注点. 虽然iPhone的机能越来越好，但是app的功能也越来越复杂，性能从来都是移动开发的核心关注点之一. 我们说一个app性能好，不是简单指感觉运行速度快，而应该是指应用启动快速、UI反馈响应及时、列表滚动操作流畅、内存使用合理，当然更不能随随便便Crash啦. 工程师开发应用时除了在设计上要避免性能“坑”的出现，在实际遇到“坑”时也要能很快定位原因所在.
iOS 5评测
- littlepush - SolidotArs Technica的评测认为iOS 5值得升级，当然它也不可避免的存在一些小问题，给用户增添些烦恼. 用户在升级前最好手动备份一下iDevice，确保所有的应用都能转移.
关于iOS 7
- - 曉生上手使用2天，感觉ios7的方向挺对，有设计的不错的地方，比如系统功能交互的完善和动效细节. 但界面有不够完善之处，比如颜色不够统一，难以理解相机和设置为什么用那么难看的渐变灰色，控制中心太像交互原型图，更主要是功能缺乏分类，但相信这只是beta版的问题，就像ios7运行还不够流畅一样，都还需要时间去完善.
[转]WebKit in iOS 8
- - justinjing的专栏让我们说说iOS 8 的WebKit吧. WWDC 2014前几天，就有人发现了苹果向WebKit开源项目提交了一些很令人兴奋的代码，暗示了OS X和iOS，特别是iOS上的WebKit架构有所变化. 果不其然，WWDC上公布了iOS的新框架WebKit.framework，正式推出了新的网页浏览控件WKWebView.
Adobe Reader for iOS发布
- laguna - Solidottbw 写道 "Adobe也许在计算机桌面的PDF市场占统治地位，但是，Adobe基本上把iPhone和iPad等移动设备的PDF市场留给了竞争对手，如GoodReader和苹果的iBooks. Adobe在公司博客中宣布，它已推出iPhone和iPad通用的“Adobe Reader for iOS”软件.
iOS开发资源
- - Starming星光社最新更新iOS App UI 欣赏、分享精美的App界面设计. iOS代码实例搜索、iOS特效示例、iOS代码例子下载. 以web的形式提供iOS UI设计的素材，你可以在web上拖动一些控件做出简单的ios 应用效果，并且生成一个URL，能分享给其他人. 一款 Photoshop 插件，由 UI Parade 推出的一款针对iOS UI 的设计工具，设计师动动鼠标即可制作精美的 iOS 应用原型.
iOS Web App初步
- - 新浪UEDiOS Web App开发，配合HTML5，是目前比较热门的话题. 今天，先抛开HTML5，我们来尝试在PhoneGap框架上进行简单的开发. PhoneGap是一个使用HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台. 它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry等智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能.