phonegap(3+) Hybrid开发，问题and解决。（更新）

一、

现象：

IOS app中，点击按钮【A】，弹出dialog【B】（jqmobi af.popup插件），【B】中有按钮【C】；【A】和【C】Z轴重合。点击【A】时，popup出【B】，立即触发了【C】的动作。

解决：试图用e.stopPropagation()去禁止【A】冒泡，失败。然后想到了用CSS来解决。

添加样式：

<span style="font-size:14px;"><span style="font-size:14px;"><span style="font-size:18px;"><span style="font-size:14px;">.afPopup.prevent-events input, .afPopup.prevent-events textarea, .afPopup.prevent-events a {
	pointer-events: none;
}</span></span></span></span>

在【B】刚加入到DOM的时候，给【B】的根DIV添加样式prevent-events来禁止【B】接受事件。

<span style="font-size:14px;"><span style="font-size:14px;"><span style="font-size:18px;"><span style="font-size:14px;">$('B的[DIV]').addClass('prevent-events');</span></span></span></span>

 

然后setTimeout来删除该样式。

<span style="font-size:14px;"><span style="font-size:14px;"><span style="font-size:18px;"><span style="font-size:14px;">setTimeout(function(){
                	$('B的[DIV]').removeClass('prevent-events');
                },500);</span></span></span></span>

二、禁止横（竖）屏幕

方式一、phonegap端修改：

config.xml文件中修改：

<span style="font-size:14px;"><span style="font-size:14px;"><preference name="orientation" <span style="color:#FF0000;">value="default"</span>/></span></span>

value="portrait" 禁止横屏；value="landscape" 禁止竖屏；value="default" 无禁止，自由旋转。

方式二、在AndroidManifest.xml的activity(需要禁止转向的activity)配置中加入 android:screenOrientation=”landscape”属性即可(landscape是横向，portrait是纵向)。例如：

<span style="font-size:14px;"><span style="font-size:14px;"><application android:persistent="true"
    android:label="@string/home_title"
    android:icon="@drawable/ic_launcher_home">

<activity android:name="Home"
    android:theme="@style/Theme"
    android:launchMode="singleInstance"
    android:stateNotNeeded="true"
    android:screenOrientation="portrait">
        <intent-filter>
            <action android:name="android.intent.action.MAIN"/>
            <category android:name="android.intent.category.HOME"/>
            <category android:name="android.intent.category.DEFAULT"/>
        </intent-filter>
</activity></span></span>

另外，android中每次屏幕方向切换时都会重启Activity，所以应该在Activity销毁前保存当前活动的状态，在Activity 再次Create的时候载入配置，那样，进行中的游戏就不会自动重启了！

要避免在转屏时重启activity，可以通过在androidmanifest.xml文件中重新定义方向(给每个activity加上 android:configChanges=“keyboardHidden|orientation”属性)，并根据Activity的重写 onConfigurationChanged(Configuration newConfig)方法来控制，这样在转屏时就不会重启activity了，而是会去调用 onConfigurationChanged(Configuration newConfig)这个钩子方法。例如：

<span style="font-size:14px;"><span style="font-size:14px;">if(newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){
    //横向
    setContentView(R.layout.file_list_landscape);
}else{
    //竖向
    setContentView(R.layout.file_list);
}</span></span>

在模拟器中，要使程序转屏可以使用快捷键F12或Ctrl+F11来切换。当然在用命令行启动模拟器时可以直接使用参数emulator.exe -skin HVGA-L来启动横屏的程序。

 

三、自动拨号（android）

<span style="font-size:14px;"><span style="font-size:14px;">电话：<a href="<span style="color:#ff0000;">tel:10086</span>">中国移动</a></span></span>

同时要在config.xml中加上：

<span style="font-size:14px;"><access origin="tel:*" launch-external="yes"/></span>

类似的权限还有：

<span style="font-size:14px;"><access origin="geo:*" launch-external="yes"/>
<access origin="mailto:*" launch-external="yes"/>
<access origin="sms:*" launch-external="yes"/>
<access origin="market:*" launch-external="yes"/></span>

具体可以参考：http://rickluna.com/wp/2012/02/making-a-phone-call-from-within-phonegap-in-android-and-ios/

四、使用系统浏览器打开链接

1. navigator.app.loadUrl(url,{ openExternal:true });  

2. The "navigator.app" object is only available on Android. Luckily in the soon to be released 2.3.0 version of PhoneGap you will be able to do: