javascript - 创建phonegap项目的 list -有人可以添加更多元素

Question

有关更新列表的PLS，请参见此URL

http://www.aurigait.com/blog/checklist-of-creating-phonegap-project/


我们将做核心HTML开发。但是Jquery Mobile可以用作其广泛的设备支持平台，并易于在低端设备的性能与性能之间进行权衡来制作表格。
各种设备均不支持UI转换，否则我们可以有选择地应用转换。
iOS和Android导航保持相同或不同，因为android中提供了后退按钮导航
语言/音频/技术支持
分析/通知和强度[通知页面历史记录] / Adwords /基于地理位置
一次性布局分辨率分解
我们将支持320 * 480及以上的分辨率。 （为此，我们可以为320 * 480（移动人像）/ 768 * 1024（平板电脑人像）/ 1280 * 720（桌面）提供UI设计
最新消息
活动日历和提醒
用户反馈表
滑动手势
共享应用程序中的所有内容
单页应用程序[单页布局有效地实现了那些。 （以下是paytm / asana / gmail的示例）
直接从服务器带入HTML，UI只是视图的容器。
为此，使用Mobstac之类的应用程序转换。 / xslts /转换
单页应用程序[单页布局有效地实现了那些。 （以下是paytm / asana / gmail的示例）
直接从服务器带入HTML，UI只是视图的容器。
为此，使用Mobstac之类的应用程序转换。 / xslts /转换。
共享iOS和Android
后退按钮导航支持
需要应用程序/管理面板的文档
报告的导出选项


（1）Android中的后退按钮导航支持非常重要，应从开发周期的第一天开始计划。在IOS中，必须提供后退按钮才能进行所需的导航。
请记住，Android和iOS具有不同的导航模式。

 document.addEventListener("backbutton", onBackKeyDown, false); //onBackKeyDown

（2）避免在页面内使用Form元素，因为没有用，您将永远不会提交。

（3）对于phonegap初始屏幕，请使用导航器初始hide（）而不是autohide = true和timeout。

<preference name="auto-hide-splash-screen" value="false" />

（4）支持Android Splash Landscape，因此请同时将Landscape Splash图像也放入系统中（对于iOS，我们正在研究中）

（5）在将Cloud build用作Phonegap时，然后在本机build时，请记住删除存储库的图像，因为如果使用Cloud build图像，则将以zip包的形式上传，从而增加了应用程序的大小。

（6）对于android和ios，不同的JS插件用于维护单独的文件，请记住，在SVN中将仅为android和iOS保留一个存储库，也不例外。

   <!--iOS / Android cordova
    <script src="js/ios/cordova-2.5.0.js"></script>-->
     <script src="js/android/cordova-2.5.0.js"></script>
     <!--android cordova-->
     <script src="js/android/flurry.js"></script>
     <script src="js/android/PushNotification.js"></script>
     <script src="js/android/AdMobPlugin.js"></script>
     <script src="js/android/share.js"></script>
     <script src="js/android/ExecutePlugin.js"></script>
    <!--iOS / Android cordova  
    <script src="js/ios/AdMobPlugin_iOS.js"></script>
    <script src="js/ios/flurryPlugin_iOS.js"></script>
    <script src="js/ios/PushNotification_iOS.js"></script>
    <script src="js/ios/iOS_Execute.js"></script>
    <script src="js/ios/share.js"></script>-->

（7）请勿使用Javascript确认框，而警报应使用本机框。他们看起来不错

navigator.notification.confirm("Do You want to Exit Km?", function (idx) { if (idx == 2) { navigator.app.exitApp(); } }, 'Exit Application', 'No,Yes');

function Native_Alert(msg) {
    if (navigator.notification != undefined) {
        navigator.notification.alert(msg);
    }
    else
        alert(msg);
}

（8）使用列表时，请选择使用本机选项列表和检查列表，因为它们看起来更好。不是html选择项

 <select id="Select2" name="Select2" data-role="none" >
                    <option>Town</option>
                </select>

（9）为了删除下面用于android 4.0.3元素的白色叠加层

input{
   -webkit-user-modify: read-write-plaintext-only;}

（10）永远不要执行〜android 2.2不支持的首选安装SD卡

（11）对于移动应用程序，屏幕宽度不能更改，只有垂直滚动可以例外。屏幕有时会移动到外部区域，只有在编写标记和CSS时才应注意。

（12）Android和iOS的本地加载面板是首选，因为它们具有BLOCKING性质。
http://abstractlayers.com/2013/03/09/phonegap-adding-progress-dialogspinner/

（13）动态和评估脚本注册和注销

（14）不能信任Phonegap子浏览器来加载我们可以使用的所有内容，请在Phonegap外部的“新建浏览器”中打开窗口，而可以使用InAppbrowser。

function OpenLinkinNewWindow(weblink, sharecontrol, subjectval) {
    try {

        if (global_deviceType == undefined || global_deviceType == "")
            global_deviceType = (navigator.userAgent.match(/iPod/i)) == "iPod" ? "iOS" : (navigator.userAgent.match(/iPad/i)) == "iPad" ? "iOS" : (navigator.userAgent.match(/iPhone/i)) == "iPhone" ? "iOS" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "other";
        switch (sharecontrol) {
            case 'facebook':
                weblink = 'http://www.facebook.com/sharer.php?u=' + encodeURI(weblink) + '&t=' + encodeURI(subjectval);
                break;
            case 'twitter':
                weblink = 'http://twitter.com/share?text=' + encodeURI(subjectval) +'&url=' + encodeURI(weblink);
                break;
            default:
                break;
        }
        consoleLOG('sharer weblink : ' + weblink);
        //incase of videos android and iOS have different problems while loading videos since childbrowser can open vid for on IOS
        if (global_deviceType == "Android")
            navigator.app.loadUrl(weblink, { openExternal: true });
        else if (global_deviceType == "iOS")
            window.open(weblink, '_system', 'location=yes'); //andriod changes
        else
            window.open(weblink); //andriod changes
    }
    catch (ex) { consoleLOG('error in OpenLinkinNewWindow : ' + ex); window.open(weblink); }

}

（15）具有html5功能的应用程序脱机检查

（16）在创建iOS本机版本时，请将引用复制到该版本的文件夹中，否则该版本在移植到另一个系统时会出现问题。

（17）phonegap云构建必须锁定到特定版本的phonegap，否则它将为可能存在错误的最新RC版本创建构建。在使用phonegap构建功能之前，应彻底阅读config.xml文件。

（18）为了创建下一个android和iOS版本，必须将版本更新为1.0 + 0.1或合适的版本。

（19）保留应用程序名称空间，捆绑ID在第一时间是正确的，因为一旦将应用程序部署到应用程序/游戏商店，您将永远无法更改它。 [*不要放com.demo.demoApp]

（20）由于应用程序代码库和证书，公钥和p12文件非常依赖于Mac，因此请保留备份中的Apple供应和分发配置文件以及所有正在使用的Mac的开发人员配置文件。

（21）为Android和iOS禁用不必要的权限，以避免加载不需要的组件，并且在应用程序商店的“权限”选项卡上显示该组件，并且安装用户可能会因为看到该应用程序需要不需要的权限而感到困惑。

<plugins>
    <plugin name="App" value="org.apache.cordova.App"/>
    <plugin name="Geolocation" value="org.apache.cordova.GeoBroker"/>
    <plugin name="Device" value="org.apache.cordova.Device"/>
    <!-- commented <plugin name="Accelerometer" value="org.apache.cordova.AccelListener"/>
    <plugin name="Compass" value="org.apache.cordova.CompassListener"/>
    <plugin name="Media" value="org.apache.cordova.AudioHandler"/>
    <plugin name="Camera" value="org.apache.cordova.CameraLauncher"/>
    <plugin name="Contacts" value="org.apache.cordova.ContactManager"/>-->
    <plugin name="File" value="org.apache.cordova.FileUtils"/>
    <plugin name="NetworkStatus" value="org.apache.cordova.NetworkManager"/>
    <plugin name="Notification" value="org.apache.cordova.Notification"/>
    <plugin name="Storage" value="org.apache.cordova.Storage"/>
    <plugin name="FileTransfer" value="org.apache.cordova.FileTransfer"/>
    <plugin name="Capture" value="org.apache.cordova.Capture"/>
    <!-- commented <plugin name="Battery" value="org.apache.cordova.BatteryListener"/>-->
    <plugin name="SplashScreen" value="org.apache.cordova.SplashScreen"/>
    <!--<plugin name="Echo" value="org.apache.cordova.Echo" />-->
    <plugin name="Globalization" value="org.apache.cordova.Globalization"/>
    <plugin name="Share" value="com.schaul.plugins.share.Share"/>
  </plugins>

（22）在任何情况下，都不会将悬浮css类应用于移动应用程序。悬停功能未在移动设备中使用，否则会产生问题。

（23） Using Phonegap for Native Application development

Answer 1

14 ..如果您想将应用程序发布到Apple商店，请忽略此解决方案。它将立即被拒绝。

重访：从服务器引入原始数据并使用jQM应用程序生成前端GUI

16 ..取决于平台的性能改进，主要是在Android 2.X上。众所周知，Phonegap和jQM在较旧的Android平台上表现不佳。

17 ..使用hammer.js添加更复杂的一组触摸手势（与jQuery Mobile兼容）

18 ..如果可能，请使用iOS和Android平台上的本机导航/标签栏的Phonegap插件使应用程序更具本机外观（这将有助于使应用程序在发布过程中更易于接受）。