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

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

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

Chrome DevTools থেকে সংযোগ সক্ষম করুন

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

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

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

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

কোটলিন

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

জাভা

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

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

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

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

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

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

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