当前位置:  开发笔记 > 编程语言 > 正文

使用Javascript和处理onorientationChange的iPhone UIWebView本地资源

如何解决《使用Javascript和处理onorientationChange的iPhoneUIWebView本地资源》经验,为你挑选了3个好方法。

我正在尝试从iPhone应用程序的本地资源中提供HTML Javascript和CSS内容,而且我在处理onOrientationChange事件和包括外部Javascript时遇到了问题.

我似乎能够正确地链接CSS但不是javascript.我正在尝试使用以下处理onOrientationChange的示例(如何构建iPhone网站),但我正在从我的应用程序的NSBundle mainBundle提供网页.

我尝试将一个javascript函数附加到body.onorientationchange和window.onorientationchange,但是当从本地(或远程)从UIWebView提供时,它都不起作用,但是如果我正在使用iPhone Safari,它就可以工作.






    

    How to build an iPhone website

    
    
    
    

    
    
    





    

Engage Interactive

You are now holding your phone to the left

You are now holding your phone to the right

You are now holding your phone upright

This doesn't work yet, but there is a chance apple will enable it at some point, so I've put it in anyway. You would be holding your phone upside down if it did work.

Dougnukem.. 47

答案可以从我在XCode中获得的警告中找到答案:

警告:没有规则处理架构i386类型sourcecode.javascript的'$(PROJECT_DIR)/html/orientation.js'文件

XCode设置*.js javascript作为某种类型的源代码需要在应用程序中编译时我想将它作为资源包含,所以我通过做两件事来解决它.

    选择.js文件并在"Detail"视图中取消选择bullseye列,指示它是已编译的代码

    在"Groups&files"视图中,展开"Targets"树并展开应用程序,然后转到"Copy Bundle Resources"并将*.js文件拖入其中

Apple dev论坛有一个发布的解决方案:

UIWebView和JavaScript

看来你已经得到了"Xcode认为.js是要编译的东西"功能.基本上,Xcode认为脚本应该以某种方式运行或编译,因此将其标记为源代码的一部分.当然,源代码不会复制到资源中.

因此,您需要做两件事 - 在项目中选择.js文件,然后关闭表明它已编译的复选框("bullseye"列).如果你不这样做,你会在你的构建日志中收到关于无法编译文件的警告(这应该是你的第一个警告 - 总是试图找出并纠正你的构建中出现的任何和所有警告).

然后拖动它并将其放入目标的"复制包资源"中.

for xcode4 http://stackoverflow.com/questions/5959941/how-to-add-javascript-file-to-xcode4 (5认同)


Martijn Thé.. 24

回答你未在UIWebView中调用onorientationchange处理程序的第二个问题:

我注意到window.orientation属性不能正常工作,并且不会调用window.onorientationchange处理程序.大多数应用程序遇到此问题 这可以通过设置window.orientation属性并在包含UIWebView的视图控制器的willRotateToInterfaceOrientation方法中调用window.onorientationchange来修复:

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    switch (toInterfaceOrientation)
    {
        case UIDeviceOrientationPortrait:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 0;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationLandscapeLeft:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 90;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationLandscapeRight:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return -90;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationPortraitUpsideDown:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 180;});window.onorientationchange();"];
            break;
        default:
            break;
    }
}


Gabe.. 6

最好使用

(空隙)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation

因为safari实际上是在视图旋转后调用orientationChange.

这对我很重要,因为我需要在页面旋转后调整HTML5画布的大小,我知道它的容器有多大.



1> Dougnukem..:

答案可以从我在XCode中获得的警告中找到答案:

警告:没有规则处理架构i386类型sourcecode.javascript的'$(PROJECT_DIR)/html/orientation.js'文件

XCode设置*.js javascript作为某种类型的源代码需要在应用程序中编译时我想将它作为资源包含,所以我通过做两件事来解决它.

    选择.js文件并在"Detail"视图中取消选择bullseye列,指示它是已编译的代码

    在"Groups&files"视图中,展开"Targets"树并展开应用程序,然后转到"Copy Bundle Resources"并将*.js文件拖入其中

Apple dev论坛有一个发布的解决方案:

UIWebView和JavaScript

看来你已经得到了"Xcode认为.js是要编译的东西"功能.基本上,Xcode认为脚本应该以某种方式运行或编译,因此将其标记为源代码的一部分.当然,源代码不会复制到资源中.

因此,您需要做两件事 - 在项目中选择.js文件,然后关闭表明它已编译的复选框("bullseye"列).如果你不这样做,你会在你的构建日志中收到关于无法编译文件的警告(这应该是你的第一个警告 - 总是试图找出并纠正你的构建中出现的任何和所有警告).

然后拖动它并将其放入目标的"复制包资源"中.


for xcode4 http://stackoverflow.com/questions/5959941/how-to-add-javascript-file-to-xcode4

2> Martijn Thé..:

回答你未在UIWebView中调用onorientationchange处理程序的第二个问题:

我注意到window.orientation属性不能正常工作,并且不会调用window.onorientationchange处理程序.大多数应用程序遇到此问题 这可以通过设置window.orientation属性并在包含UIWebView的视图控制器的willRotateToInterfaceOrientation方法中调用window.onorientationchange来修复:

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    switch (toInterfaceOrientation)
    {
        case UIDeviceOrientationPortrait:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 0;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationLandscapeLeft:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 90;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationLandscapeRight:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return -90;});window.onorientationchange();"];
            break;
        case UIDeviceOrientationPortraitUpsideDown:
            [webView stringByEvaluatingJavaScriptFromString:@"window.__defineGetter__('orientation',function(){return 180;});window.onorientationchange();"];
            break;
        default:
            break;
    }
}



3> Gabe..:

最好使用

(空隙)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation

因为safari实际上是在视图旋转后调用orientationChange.

这对我很重要,因为我需要在页面旋转后调整HTML5画布的大小,我知道它的容器有多大.

推荐阅读
夏晶阳--艺术
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有