Rise Company
27-07-2017, 17:32
الكونسل وحدة مراقبة لاختبار التطبيق Console logs / Debug - الكوردوفا و الفون جاب
الكوردوفا و الفون جاب Phone Gap / Cordova
اى اكواد تستخدمها فى التطبيق يتطلب عمل لها اختبار او مراقبة عملها و ان كان هناك اخطاء بها ام لا
مع العلم قبل نشر التطبيق يجب حذفه , حيث جوجل لا تقبل بالسماح بتفعيل debug
بلوجن cordova plugin console
اكتب هذا الامر لتثبيت البلوجن
cordova plugin add cordova-plugin-console
ويجب وضع فى ملف index.js داخل function onDeviceReady الكود التالى
console.log("console.log works well");
طريقه عمله من خلال كروم.
-----------------------------------------------------------------------
جوجل كروم كونسل Google Chrome Console
-----------------------------------------------------------------------
اضغط R.CLick ثم اختر اخر اختيار Inspect او من الاختصار " Ctrl+ Shift+I "
ثم اختار تصنيف console ستجد جميع اخطاء التطبيق فى هذا الملف
ولكن هناك اخطاء تكون غير صحيحة لانها لا ينفع معها كونسل من خلال المتصفح فهى تعمل على الموبايل فقط
مثل هذا الملف.
ملف cordova.js :
index.html:26 GET file:///C:/riseapp/risecordova/app1/www/cordova.js net::ERR_FILE_NOT_FOUND
you can not test your application on chrome. cordova.js file will be embedded after building the project. try building and deploying your app on the device or emulator.
نعم هذا الملف cordova.js غير موجود داخل www ولكن موجود داخل app1\platforms\android\platform_www
والذى عند عمل بناء build للتطبيق يدمج داخل apk
وبالتالى فهذا الملف سليم للموبايل و غير سليم بشكل وهمى للمتصفح لانه لا يفهمه
if you want to avoid these errors goto /platforms folder. after building the project all your files and a copy of cordova.js are there. if you open your applications main page form that folder you wont get file not found error.
لات حدد مسار للملف واجعله فقط كما هو مظلل فى الاسفل
<script src="cordova.js"></script>
When you run cordova platform add android and then cordova build android, you should get a cordova.js added project/platforms/android/assets/www folders. You don't need to add it in your js files. so, just declare it in index.js file as follows,
ملحوظة : اذا لم يعمل معك الكونسل بسبب سكيورتى و حظر راجع هذا الموضوع
الحماية والحظر سياسة أمان المحتوى CSP Content Security Policy - الكوردوفا و الفون جاب (https://www.rise.company/forum/threads/25929-%D8%A7%D9%84%D8%AD%D9%85%D8%A7%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%AD%D8%B8%D8%B1-%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D8%A3%D9%85%D8%A7%D9%86-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-CSP-Content-Security-Policy-%D8%A7%D9%84%D9%83%D9%88%D8%B1%D8%AF%D9%88%D9%81%D 8%A7-%D9%88-%D8%A7%D9%84%D9%81%D9%88%D9%86-%D8%AC%D8%A7%D8%A8)
المرجع:
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-console/index.html
https://stackoverflow.com/questions/23180703/cordova-js-errors
https://stackoverflow.com/questions/38519280/cordova-js-file-not-found-in-ionic-app
الكوردوفا و الفون جاب Phone Gap / Cordova
اى اكواد تستخدمها فى التطبيق يتطلب عمل لها اختبار او مراقبة عملها و ان كان هناك اخطاء بها ام لا
مع العلم قبل نشر التطبيق يجب حذفه , حيث جوجل لا تقبل بالسماح بتفعيل debug
بلوجن cordova plugin console
اكتب هذا الامر لتثبيت البلوجن
cordova plugin add cordova-plugin-console
ويجب وضع فى ملف index.js داخل function onDeviceReady الكود التالى
console.log("console.log works well");
طريقه عمله من خلال كروم.
-----------------------------------------------------------------------
جوجل كروم كونسل Google Chrome Console
-----------------------------------------------------------------------
اضغط R.CLick ثم اختر اخر اختيار Inspect او من الاختصار " Ctrl+ Shift+I "
ثم اختار تصنيف console ستجد جميع اخطاء التطبيق فى هذا الملف
ولكن هناك اخطاء تكون غير صحيحة لانها لا ينفع معها كونسل من خلال المتصفح فهى تعمل على الموبايل فقط
مثل هذا الملف.
ملف cordova.js :
index.html:26 GET file:///C:/riseapp/risecordova/app1/www/cordova.js net::ERR_FILE_NOT_FOUND
you can not test your application on chrome. cordova.js file will be embedded after building the project. try building and deploying your app on the device or emulator.
نعم هذا الملف cordova.js غير موجود داخل www ولكن موجود داخل app1\platforms\android\platform_www
والذى عند عمل بناء build للتطبيق يدمج داخل apk
وبالتالى فهذا الملف سليم للموبايل و غير سليم بشكل وهمى للمتصفح لانه لا يفهمه
if you want to avoid these errors goto /platforms folder. after building the project all your files and a copy of cordova.js are there. if you open your applications main page form that folder you wont get file not found error.
لات حدد مسار للملف واجعله فقط كما هو مظلل فى الاسفل
<script src="cordova.js"></script>
When you run cordova platform add android and then cordova build android, you should get a cordova.js added project/platforms/android/assets/www folders. You don't need to add it in your js files. so, just declare it in index.js file as follows,
ملحوظة : اذا لم يعمل معك الكونسل بسبب سكيورتى و حظر راجع هذا الموضوع
الحماية والحظر سياسة أمان المحتوى CSP Content Security Policy - الكوردوفا و الفون جاب (https://www.rise.company/forum/threads/25929-%D8%A7%D9%84%D8%AD%D9%85%D8%A7%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%AD%D8%B8%D8%B1-%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D8%A3%D9%85%D8%A7%D9%86-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-CSP-Content-Security-Policy-%D8%A7%D9%84%D9%83%D9%88%D8%B1%D8%AF%D9%88%D9%81%D 8%A7-%D9%88-%D8%A7%D9%84%D9%81%D9%88%D9%86-%D8%AC%D8%A7%D8%A8)
المرجع:
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-console/index.html
https://stackoverflow.com/questions/23180703/cordova-js-errors
https://stackoverflow.com/questions/38519280/cordova-js-file-not-found-in-ionic-app