{"id":4655,"date":"2017-11-19T08:34:33","date_gmt":"2017-11-19T08:34:33","guid":{"rendered":"https:\/\/codewaveinsdev.wpengine.com\/?p=4655"},"modified":"2023-07-03T08:50:55","modified_gmt":"2023-07-03T08:50:55","slug":"phonegap-tips-tricks","status":"publish","type":"post","link":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/","title":{"rendered":"Phonegap \u2013 Tips &#038; Tricks"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Use fastclick to remove a 300-milli-second-delay on every click<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scrollTo\"><span id=\"recommendations-based-on-my-phonegap-experience\">Recommendations based on my PhoneGap experience<\/span><\/h2>\n\n\n\n<p>PhoneGap solution also can be called as Apache Cordova, is a cross platform which is built for both iOS and android at the same point. It can also be called as a friendly platform for both business owners as well as the developers as it can be built with less time. PhoneGap is a package of web bundle which is wrapped inside the native iOS Code. Here the Javascript will have the special power to access the Native API\u2019s like Wi-fi,Camera.<\/p>\n\n\n\n<h2 id=\"benefits-of-phonegap-for-business\" class=\"wp-block-heading\">Benefits of PhoneGap for Business:<\/h2>\n\n\n\n<p>The bigger Problem in Mobile Applications is the Platforms. There are multiple Platforms that you must develop your mobile application for and they are always changing, which will be eradicated by using PhoneGap as its a single code base. For an example if we had to develop an app in native for all the known technologies which are iOS, Android, Windows and Blackberry, it will make an impact for both time and effort. But where as in PhoneGap it can be much more simpler as its coded once for all the above mentioned platforms with less time. So thats 4x faster development in the same time.<\/p>\n\n\n\n<h2 id=\"what-are-the-pros-of-phonegap\" class=\"wp-block-heading\">What are the pros of PhoneGap?<\/h2>\n\n\n\n<ul>\n<li>You don\u2019t need much knowledge of mobile development when it comes to PhoneGap as all you need is simple web technologies like HTML, CSS and Java Script which makes the app lighter.<\/li>\n\n\n\n<li>It has a plugin architercture which allows the users to access native API\u2019s such as WIFI, Camera and Accelerometer etc.<\/li>\n\n\n\n<li>Has a number of various libraries.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"yeah-phonegap-is-simpler-but-it-has-its-cons-too\" class=\"wp-block-heading\">Yeah PhoneGap is simpler, but it has its Cons too.<\/h2>\n\n\n\n<ul>\n<li>Performance could be a factor when it comes to PhoneGap if the app has too many graphic elements.<\/li>\n\n\n\n<li>There is no proper documentation for the betterment of app.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"https:\/\/insights.codewave.com\/reactnative-vs-flutter-to-build-your-cross-platform-mobile-app-in-2020\/\" style=\"border-radius:5px;background-color:#006eff\" target=\"_blank\" rel=\"noreferrer noopener\">REACT-NATIVE VS FLUTTER TO BUILD CROSS-PLATFORM MOBILE APPLICATION<\/a><\/div>\n<\/div>\n\n\n\n<h2 id=\"few-tips-and-tricks-i-suggest\" class=\"wp-block-heading\">Few Tips and Tricks I suggest.<\/h2>\n\n\n\n<ul>\n<li>A hybrid app can have a native feel with few plugins that the Cordova gives.<br>Ex:There is a plugin called \u201cfast click\u201d which removes the 300ms delay on the click event and the sroller can be made smooth as in native while scrolling using \u201cFT scroller\u201d.<\/li>\n\n\n\n<li>To make the PhoneGap app faster local storage should be used efficiently.<\/li>\n\n\n\n<li>Use CSS 3d transforms to hide\/show the elements instead of using JavaScript show\/hide.<\/li>\n\n\n\n<li>Avoid using JQuery mobile as it will effect the UI performance of the app. Would suggest to use HTML, CSS and Java Script as much as possible.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"https:\/\/codewave.com\/contact\/\" style=\"border-radius:5px;background-color:#006eff\" target=\"_blank\" rel=\"noreferrer noopener\">CONTACT CODEWAVE&#8217;S PHONEGAP EXPERTS<\/a><\/div>\n<\/div>\n\n\n\n<p>                <a href=\"https:\/\/res.cloudinary.com\/codewavetechnologies\/image\/upload\/v1669109497\/Form_MGT_7A_-_Codewave_2022.pdf\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">FORM MGT_7A<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"PhoneGap is a cross-platform app development framework developed by Adobe &#038; Apache software foundation. They open sourced it under the brand name Apache-Cordova.\n","protected":false},"author":1,"featured_media":4664,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"full","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"categories":[34,31],"tags":[95,753,312,754,755,756],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Phonegap \u2013 Tips &amp; Tricks -<\/title>\n<meta name=\"description\" content=\"PhoneGap is a cross-platform app development framework developed by Adobe &amp; Apache software foundation. They open sourced it under the brand name Apache-Cordova.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Phonegap \u2013 Tips &amp; Tricks -\" \/>\n<meta property=\"og:description\" content=\"PhoneGap is a cross-platform app development framework developed by Adobe &amp; Apache software foundation. They open sourced it under the brand name Apache-Cordova.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/codewave.inc\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-19T08:34:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-03T08:50:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Codewave\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/codewave_inc\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Codewave\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/\",\"url\":\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/\",\"name\":\"Phonegap \u2013 Tips & Tricks -\",\"isPartOf\":{\"@id\":\"https:\/\/codewave.com\/insights\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg\",\"datePublished\":\"2017-11-19T08:34:33+00:00\",\"dateModified\":\"2023-07-03T08:50:55+00:00\",\"author\":{\"@id\":\"https:\/\/codewave.com\/insights\/#\/schema\/person\/3657f01be1b168c52f7d5ba8996fd2f2\"},\"description\":\"PhoneGap is a cross-platform app development framework developed by Adobe & Apache software foundation. They open sourced it under the brand name Apache-Cordova.\",\"breadcrumb\":{\"@id\":\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#primaryimage\",\"url\":\"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg\",\"contentUrl\":\"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg\",\"width\":1600,\"height\":600,\"caption\":\"Phonegap \u2013 Tips & Tricks\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codewave.com\/insights\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Phonegap \u2013 Tips &#038; Tricks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewave.com\/insights\/#website\",\"url\":\"https:\/\/codewave.com\/insights\/\",\"name\":\"\",\"description\":\"Innovate with tech, design, culture\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewave.com\/insights\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewave.com\/insights\/#\/schema\/person\/3657f01be1b168c52f7d5ba8996fd2f2\",\"name\":\"Codewave\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewave.com\/insights\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8eaea4760f144032645a66b5f0e21153?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8eaea4760f144032645a66b5f0e21153?s=96&d=mm&r=g\",\"caption\":\"Codewave\"},\"description\":\"Codewave is a design thinking led digital transformation company enabling organisations with playful innovation using AI &amp; ML, IoT &amp; Edge, AR, VR, Cloud, Blockchain, and Data.\",\"sameAs\":[\"https:\/\/codewave.com\",\"https:\/\/www.facebook.com\/codewave.inc\",\"https:\/\/www.instagram.com\/codewavetech\/\",\"https:\/\/in.linkedin.com\/company\/codewave-inc\",\"https:\/\/x.com\/https:\/\/twitter.com\/codewave_inc\"],\"url\":\"https:\/\/codewave.com\/insights\/author\/codewaveinsdev\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Phonegap \u2013 Tips & Tricks -","description":"PhoneGap is a cross-platform app development framework developed by Adobe & Apache software foundation. They open sourced it under the brand name Apache-Cordova.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/","og_locale":"en_US","og_type":"article","og_title":"Phonegap \u2013 Tips & Tricks -","og_description":"PhoneGap is a cross-platform app development framework developed by Adobe & Apache software foundation. They open sourced it under the brand name Apache-Cordova.","og_url":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/","article_author":"https:\/\/www.facebook.com\/codewave.inc","article_published_time":"2017-11-19T08:34:33+00:00","article_modified_time":"2023-07-03T08:50:55+00:00","og_image":[{"width":1600,"height":600,"url":"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg","type":"image\/jpeg"}],"author":"Codewave","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/codewave_inc","twitter_misc":{"Written by":"Codewave","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/","url":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/","name":"Phonegap \u2013 Tips & Tricks -","isPartOf":{"@id":"https:\/\/codewave.com\/insights\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#primaryimage"},"image":{"@id":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#primaryimage"},"thumbnailUrl":"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg","datePublished":"2017-11-19T08:34:33+00:00","dateModified":"2023-07-03T08:50:55+00:00","author":{"@id":"https:\/\/codewave.com\/insights\/#\/schema\/person\/3657f01be1b168c52f7d5ba8996fd2f2"},"description":"PhoneGap is a cross-platform app development framework developed by Adobe & Apache software foundation. They open sourced it under the brand name Apache-Cordova.","breadcrumb":{"@id":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#primaryimage","url":"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg","contentUrl":"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1.jpg","width":1600,"height":600,"caption":"Phonegap \u2013 Tips & Tricks"},{"@type":"BreadcrumbList","@id":"https:\/\/codewave.com\/insights\/phonegap-tips-tricks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codewave.com\/insights\/"},{"@type":"ListItem","position":2,"name":"Phonegap \u2013 Tips &#038; Tricks"}]},{"@type":"WebSite","@id":"https:\/\/codewave.com\/insights\/#website","url":"https:\/\/codewave.com\/insights\/","name":"","description":"Innovate with tech, design, culture","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewave.com\/insights\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewave.com\/insights\/#\/schema\/person\/3657f01be1b168c52f7d5ba8996fd2f2","name":"Codewave","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewave.com\/insights\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8eaea4760f144032645a66b5f0e21153?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8eaea4760f144032645a66b5f0e21153?s=96&d=mm&r=g","caption":"Codewave"},"description":"Codewave is a design thinking led digital transformation company enabling organisations with playful innovation using AI &amp; ML, IoT &amp; Edge, AR, VR, Cloud, Blockchain, and Data.","sameAs":["https:\/\/codewave.com","https:\/\/www.facebook.com\/codewave.inc","https:\/\/www.instagram.com\/codewavetech\/","https:\/\/in.linkedin.com\/company\/codewave-inc","https:\/\/x.com\/https:\/\/twitter.com\/codewave_inc"],"url":"https:\/\/codewave.com\/insights\/author\/codewaveinsdev\/"}]}},"featured_image_src":"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1-600x400.jpg","featured_image_src_square":"https:\/\/codewave.com\/insights\/wp-content\/uploads\/2022\/08\/phonegap-tips-and-tricks-app-development-1-600x600.jpg","author_info":{"display_name":"Codewave","author_link":"https:\/\/codewave.com\/insights\/author\/codewaveinsdev\/"},"_links":{"self":[{"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/posts\/4655"}],"collection":[{"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/comments?post=4655"}],"version-history":[{"count":0,"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/posts\/4655\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/media\/4664"}],"wp:attachment":[{"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/media?parent=4655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/categories?post=4655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codewave.com\/insights\/wp-json\/wp\/v2\/tags?post=4655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}