Chrome DevTools ব্যবহার করে ডিবাগ করা

আপনার অ্যাপে চলা WebView রিমোটলি পরীক্ষা ও ডিবাগ করতে, আপনার ডেভেলপমেন্ট মেশিনে চলা Chrome ব্রাউজারে বিল্ট-ইন DevTools ব্যবহার করতে পারেন। WebView-এর জন্য রিমোট ডিবাগিং সম্পর্কে বিস্তারিত গাইডের জন্য, WebView-এর রিমোট ডিবাগিং দেখুন।

DevTools সম্পর্কে আরও জানতে, Chrome DevTools-এর ওভারভিউ দেখুন।

Chrome DevTools থেকে কানেকশন চালু করুন

আপনার অ্যাপের WebView ডিফল্ট হিসেবে Chrome DevTools থেকে কানেকশন চালু করবে না। আপনার অ্যাপ্লিকেশনের কোডে WebView ডিবাগিং চালু করতে হবে।

  1. হার্ডওয়্যার বা ভার্চুয়াল ডিভাইসে আপনার অ্যাপ চালানোর জন্য সেট-আপ করা আছে কিনা তা নিশ্চিত করুন।
  2. setWebContentsDebuggingEnabled কল করে আপনার অ্যাপ্লিকেশন কোডে WebView ডিবাগিং চালু করুন। এটি সাধারণত Activity বা Application ক্লাসে করা হয় যেখানে WebView ইনিশিয়ালাইজ করা হয়।

আমরা setWebContentsDebuggingEnabled-কে একটি শর্তসাপেক্ষ চেকের মধ্যে র‍্যাপ করার সাজেশন দিই যাতে ডিবাগিং শুধুমাত্র ডেভেলপমেন্ট বিল্ডে চালু থাকে, প্রোডাকশনে নয়। এই সেটিং আপনার অ্যাপের সব WebView-এর ক্ষেত্রে প্রযোজ্য।

অ্যাপ্লিকেশনের ম্যানিফেস্টে debuggable ফ্ল্যাগের স্ট্যাটাস WebView ডিবাগিংকে প্রভাবিত করে না। আপনি যদি শুধুমাত্র debuggable ফ্ল্যাগ true-এ সেট করা থাকলে WebView ডিবাগিং চালু করতে চান, তাহলে রানটাইমে এই ফ্ল্যাগটি পরীক্ষা করুন, যেমনটি নিম্নলিখিত উদাহরণে দেখানো হয়েছে:

Kotlin

if (applicationInfo.flags and ApplicationInfo.FLAG_DEBUGGABLE != 0) {
     WebView.setWebContentsDebuggingEnabled(true)
}

জাভা

if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) {
     WebView.setWebContentsDebuggingEnabled(true);
}

আপনার WebView ডিবাগ করা শুরু করুন

আপনার অ্যাপ্লিকেশন কোডে WebView ডিবাগিং চালু করার পরে এবং আপনার অ্যাপ কোনও ফিজিক্যাল ডিভাইস বা Android এমুলেটরে রান করার পরে, আপনার WebView-এর সাথে Chrome DevTools কানেক্ট করুন:

  1. আপনার ডেভেলপমেন্ট মেশিনে Chrome খুলুন।
  2. chrome://inspect-এ যান।
  3. chrome://inspect পৃষ্ঠায়, USB ডিভাইস খুঁজুন বিকল্পটি টিকচিহ্ন দেওয়া আছে কিনা নিশ্চিত করুন। রিমোট টার্গেট বিভাগে আপনার ডিভাইস খুঁজুন।

    Chrome DevTools-এর পৃষ্ঠা পরীক্ষা করার সুবিধা, ডিবাগ করার জন্য উপলভ্য রিমোট টার্গেট দেখায়
    ছবি ১. Chrome DevTools-এর পৃষ্ঠা পরীক্ষা করার সুবিধা, ডিবাগ করার জন্য উপলভ্য রিমোট টার্গেট দেখায়।
  4. আপনার ডিভাইসের নামের নিচে, Chrome সেই ডিভাইসে চলা সব ডিবাগ-চালু করা WebView-এর তালিকা দেখায়, সাধারণত WebView in-এর পরে অ্যাপের প্যাকেজের নাম দিয়ে শনাক্ত করা হয়। আপনি যে WebView ডিবাগ করতে চান সেটি খুঁজে বের করুন এবং inspect লিঙ্কে ক্লিক করুন।

আপনি একটি নতুন DevTools ইনস্ট্যান্স খুলতে দেখবেন যা আপনি আপনার WebView পরিদর্শন করতে ব্যবহার করতে পারেন।

আপনার ডেভেলপমেন্ট মেশিনে কোনও লোকাল ওয়েব সার্ভার থেকে কন্টেন্ট পরিবেশন করলে, আপনার ডিভাইস বা এমুলেটর থেকে কীভাবে সেটির সাথে কানেক্ট করবেন তা জানতে WebView থেকে লোকাল ডেভেলপমেন্ট সার্ভার অ্যাক্সেস করুন দেখুন। সমস্যার সমাধান করতে, Android ডিভাইসে রিমোট ডিবাগ এবং রিমোট ডিবাগিং WebViews দেখুন।