আইওএস রিমোট ডিবাগিং


199

আইওএসের জন্য ক্রোমের সাম্প্রতিক প্রকাশের সাথে সাথে আমি ভাবছিলাম যে আপনি কীভাবে Chrome আইওএসের জন্য রিমোট ডিবাগিং সক্ষম করবেন?

আপডেট: আইওএস 6 প্রকাশের সাথে সাথে সাফারি দিয়ে এখন দূরবর্তী ডিবাগিং করা যেতে পারে ।


2
এখন রিমোট ডিবাগিং ম্যাকের সাফারি দিয়ে করা যেতে পারে। তবে আপনি যদি লিনাক্স বা উইন্ডোজে বিকাশ করছেন তবে আপনাকে এখনও ওয়েইন ব্যবহার করতে হবে (গ্রেজারের উত্তরে বলা আছে)।
দেহালিয়ন

3
সাফারি দিয়ে রিমোট ডিবাগিং কেবল মোবাইল সাফারি সমর্থন করে, আইওএস ক্রোম নয়।
ম্যাট জেনসেন

কটাক্ষপাত দয়া করে medium.com/@nikoloza/...
মাচাদো

উত্তর:


111

হালনাগাদ:

এই না সর্বোত্তম উত্তর আর, অনুসরণ করুন gregers 'পরামর্শ।

নতুন উত্তর:

Weinre ব্যবহার করুন ।

পুরানো উত্তর:

আপনি এখন রিমোট ডিবাগিংয়ের জন্য সাফারি ব্যবহার করতে পারেন। তবে এর জন্য আইওএস 6 দরকার।

এখানে http://html5-mobile.de/blog/ios6-remote-debugging-web-inspector এর একটি দ্রুত অনুবাদ দেওয়া আছে

  1. আপনার ম্যাকের সাহায্যে ইউএসবি এর মাধ্যমে আপনার আইডিভাইসটি সংযুক্ত করুন
  2. আপনার ম্যাকের উপর সাফারি খুলুন এবং দেব সরঞ্জামগুলি সক্রিয় করুন
  3. আপনার আইডিভাইসটিতে: সেটিংস> সাফারি> অ্যাডভান্সড এ যান এবং ওয়েব পরিদর্শককে সক্রিয় করুন
  4. আপনার আইডিভাইস দিয়ে যে কোনও ওয়েবসাইটে যান
  5. আপনার ম্যাকে: বিকাশকারী মেনুটি খুলুন এবং আপনার আইডিভাইস থেকে সাইটটি বেছে নিন (এটি শীর্ষে সাফারি মেনুতে)

সায়মনস উত্তর দ্বারা নির্দেশিত হিসাবে, দূরবর্তী ডিবাগিংয়ের কাজ করার জন্য আপনার ব্যক্তিগত ব্রাউজিং বন্ধ করতে হবে।

সেটিংস> সাফারি> ব্যক্তিগত ব্রাউজিং> বন্ধ


11
হ্যাঁ, আমি ইতিমধ্যে এটি ব্যবহার করছি। অবশেষে! এটি সাফারিটির উইন্ডোজ সংস্করণটিতে নেই বলে স্তন্যপান করে।
হ্যাঞ্জেলো

5
আমি আশা করি শীঘ্রই ক্রোম একই বৈশিষ্ট্যটি সক্ষম করবে, যাতে এটি সমস্ত ওএস জুড়ে কাজ করে।
এফ লেকচাস

49
হ্যাঁ - এটি যদি জিজ্ঞাসা করা প্রশ্নের উত্তর দেয় তবে ভাল লাগবে!
আইরিন কান্প

4
ব্যক্তিগত ব্রাউজিং বন্ধ করা এখন আর প্রয়োজন হয় না।
মাইল 22

3
ভাবা কারণ: প্রশ্নগুলি ক্রোমের জন্য সাফারি নয় বলে জিজ্ঞাসা করে ।
নিকজি

230

নির্বাচিত উত্তরটি কেবল সাফারির জন্য। এই মুহুর্তে আইওএসের ক্রোমে রিয়েল রিমোট ডিবাগিং করা সম্ভব নয় তবে বেশিরভাগ মোবাইল ব্রাউজারের মতো আপনি কিছু সাধারণ ডিবাগিংয়ের জন্য ওয়েইনআরই ব্যবহার করতে পারেন । এটি সেট আপ করা কিছুটা কাজ, তবে আপনাকে DOM পরিদর্শন করতে, স্টাইলিং দেখতে, DOM পরিবর্তন করতে এবং কনসোল দিয়ে খেলতে দেয়।

এখানে চিত্র বর্ণনা লিখুন

স্থাপন করতে:

  • নোডেজ ইনস্টল করুন
  • npm install -g weinre
  • weinre --boundHost -all-
  • খুলুন http: // if wifi-ip-address}: 8080 / এবং লক্ষ্য স্ক্রিপ্ট কোডটি অনুলিপি করুন
  • আপনার পৃষ্ঠায় স্ক্রিপ্ট ট্যাগ আটকান (বা বুকমার্কলেট ব্যবহার করুন)
  • ডিবাগ ক্লায়েন্ট ব্যবহারকারী ইন্টারফেসের লিঙ্কটিতে ক্লিক করুন (HTTP: // if wifi-ip- ঠিকানা 80: 8080 / ক্লায়েন্ট / # বেনামে)
  • আপনি যখন ক্লায়েন্টের আওতায় একটি সবুজ রেখা পাবেন ব্রাউজারটি সংযুক্ত থাকে

বুকমার্কলেট ইনস্টল করতে কিছুটা ঝামেলা। আপনি ডেস্কটপ এবং মোবাইল ক্রোম উভয়ের জন্য বুকমার্ক-সিঙ্ক চালু থাকলে এটি সবচেয়ে সহজ। স্থানীয় ওয়েইন সার্ভার থেকে বুকমার্কলেট ইউআরএল অনুলিপি করুন (উপরের মত) দুর্ভাগ্যক্রমে এটি কাজ করে না কারণ এটি url-encoded সঠিকভাবে হয়নি। সুতরাং জাভাস্ক্রিপ্ট কনসোলটি খুলুন এবং এতে টাইপ করুন:

copy(encodeURI('')); // paste bookmarklet inside quotes

আপনার ক্লিপবোর্ডে এখন url- এনকোডড বুকমার্কলেট থাকা উচিত। মোবাইল বুকমার্কগুলির নীচে এটি একটি নতুন বুকমার্কে আটকান । এটিকে ওয়েইন বা টাইপ করার জন্য সহজ কিছু বলুন। এটি আপনার মোবাইলে খুব দ্রুত সিঙ্ক করা উচিত, সুতরাং আপনি যে পৃষ্ঠাটি পরিদর্শন করতে চান সেটি লোড করুন। তারপরে ইউআরএল-বারে বুকমার্কের নামটি টাইপ করুন এবং আপনার বুকমার্কলেটটি একটি স্বয়ংক্রিয়-সম্পূর্ণ-পরামর্শ হিসাবে দেখা উচিত। বুকমার্কলেট কোড চালানোর জন্য এটি ক্লিক করুন :)

এখানে চিত্র বর্ণনা লিখুন


27
এটিই একমাত্র সঠিক উত্তর, অন্যান্য সমস্ত সাফারি সম্পর্কিত (একটি পার্কে হাঁটা)
মঙ্গল রবার্টসন

2
খুব সহায়ক নির্দেশ! আমি কেবল এটি যোগ করব, বুকমার্কলেট ইনস্টল করতে, অনুলিপি না করে, আপনি কেবলমাত্র সরবরাহিত "ওয়েইন টার্গেট ডিবাগ" বুকমার্ক লিঙ্কটি আপনার বুকমার্কস সরঞ্জামদণ্ডে টেনে আনতে পারেন (সরঞ্জামদণ্ডটি দৃশ্যমান Ctrl-Shift-Bনা হলে এটি দৃশ্যমান করুন)।
কাই কার্ভার

বুকমার্কলেটটি কাজ করার জন্য ইনস্টল করার পরে আমার ব্রাউজারটি রিফ্রেশ করা দরকার।
17োলালা

npm install -g weinreআমার জন্য কাজ করে না। সুতরাং আমি এটি সংস্করণ দিয়ে চালাতে হয়েছিল npm install -g weinre@2.0.0-pre-I0Z7U9OV। এখানে সর্বশেষ সংস্করণ পরীক্ষা করুন npmjs.com/package/weinre
ভিনেশ 11

1
FWIW, ওয়েইন বর্তমানে ছায়া ডোম সমর্থন করে না - এটি কেবল শীর্ষ স্তরের উপাদান এবং তাদের হালকা ডোম দেখায়। এটি শীর্ষ স্তরের উপাদান এবং তাদের ছায়াময়-ডোম (এবং হালকা ডোমও) বাদে ছায়াময় ডোমের জন্য কাজ করে না।
ম্যাক্স ওয়াটারম্যান

52

আপনি বর্তমানে আইওএসে সরাসরি রিমোট ডিবাগ ক্রোম করতে পারবেন না। এটিতে একটি ইউআইবিউবভিউ ব্যবহার করা হয়েছে যা মোবাইল সাফারি থেকে আলাদাভাবে কাজ করতে পারে।

আপনার স্বল্প কিছু সু্যোগ আছে।

বিকল্প 1: সাফারির পরিদর্শক ব্যবহার করে রিমোট-ডিবাগ মোবাইল সাফারি। যদি আপনার ইস্যুটি মোবাইল সাফারিতে পুনরুত্পাদন করে তবে অবশ্যই যাওয়ার সেরা উপায় এটি। আসলে, আইওএস সিমুলেটারের মধ্য দিয়ে যাওয়া আরও সহজ।

বিকল্প 2: একটি স্লিমড ডাউন ডিবাগিং অভিজ্ঞতার জন্য ওয়েইনার ব্যবহার করুন ওয়েইনারের খুব বেশি বৈশিষ্ট্য নেই তবে কখনও কখনও এটি যথেষ্ট ভাল।

বিকল্প 3: রিমোট ডিবাগ একটি উপযুক্ত uiWebView একই কাজ করে।

এটি করার সর্বোত্তম উপায় এখানে। আপনাকে এক্সকোড ইনস্টল করতে হবে

  1. Github.com/paulirish/iOS-WebView- App এ যান এবং "জিপ ডাউনলোড করুন" বা ক্লোন করুন।
  2. এক্সকোড খুলুন, বিদ্যমান প্রকল্পটি খুলুন এবং আপনি সদ্য ডাউনলোড করেছেন এমন প্রকল্পটি চয়ন করুন।
  3. WebViewAppDelegate.m খুলুন এবং urlStringআপনি যে URL টি পরীক্ষা করতে চান তা পরিবর্তন করুন ।
  4. আইওএস সিমুলেটারে অ্যাপ্লিকেশন চালান।
  5. সাফারি খুলুন, বিকাশ মেনু খুলুন , আইওএস সিমুলেটর চয়ন করুন এবং আপনার ওয়েবভিউ নির্বাচন করুন।
  6. সাফারি ইন্সপেক্টর এখন আপনার ইউইউবভিউ পরিদর্শন করবেন।

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন


7
উইন্ডোতে ক্রোম ব্যবহার করে আইওএস (আইফোন / আইপ্যাড) কীভাবে পরিদর্শন করবেন? এর জন্য কি কোনও পদ্ধতি আছে?
সুরজিথ এস এম

@ সুরজিথএসএম আপনি উইন্ডোজে এক্সকোড ইনস্টল করতে পারবেন না এবং আইওএস অ্যাপ্লিকেশন তৈরি করতে পারবেন না এই উত্তরটি উইন্ডোজগুলির সাথে সহায়তা করবে না। পরিবর্তে ব্যবহার করে দেখুন stackoverflow.com/a/22047495/1737158
লুকাস Liesis

আমি ইতিমধ্যে github.com/google/ios-webkit-debug-proxy নিয়ে অভিজ্ঞতা পেয়েছি যা দুর্দান্ত সরঞ্জাম, এবং গতকাল গুগল ক্রোমকে আইওএস এমুলেটর দিয়ে ডিবাগ করার চেষ্টা করেছি - এটি সবচেয়ে দুর্দান্ত অভিজ্ঞতা। # 3
ওলেগ আন্দ্রেয়েভ

10

আমার উপলব্ধি থেকে, গুগল ক্রোম অ্যানড্রয়েড অংশের মতো ক্রোমের সম্পূর্ণ বর্ধিত প্রয়োগের পরিবর্তে আইওএসের ইউআইউইউবভিউ ব্যবহার করে।


1
হ্যাঁ, আমি এই প্রশ্নটি রাখার পরে খুঁজে পেয়েছি। এটি সত্যিই আপেলের জন্য লজ্জার বিষয়। আমি এই প্রশ্নটি খোলা রেখে দিয়েছি যে কেউ এটি করার উপায় খুঁজে পেয়েছে।
হাইঞ্জেলো

4

অনেক দূরবর্তী কনসোলগুলি সূক্ষ্মভাবে কাজ করে। http://farjs.com আমার প্রকল্প, এবং আমি ক্রোম আইওএস সম্পর্কিত নির্দিষ্ট সমস্যাগুলি সফলভাবে ডিবাগ করতে সক্ষম হয়েছি এবং এটি ব্যবহার করে সাফারিতে ঘটছে না। (এবং সম্ভবত অন্যান্য সমস্ত মোবাইল ব্রাউজার)

সমস্যাটি হ'ল ডিবাগিং কোডটি ইনজেকশন করা কিছুটা জটিল কারণ ক্রোম আপনাকে বুকমার্কলেট ইনস্টল করতে দেয় না।

পরিবর্তে আপনি যে পৃষ্ঠায় ডিবাগ করবেন তার একটি ট্যাব এবং অন্যটি farjs.com এ খুলতে পারবেন এবং তারপরে "বুকমার্কলেট" ক্লিক করুন

বুকমার্কলেট জেএস কোডটি অনুলিপি করুন, ডিবাগ করা উচিত এমন পৃষ্ঠাটি সহ প্রথম ট্যাবে ফিরে আসুন এবং অবস্থান বারে বুকমার্কলেট কোডটি পেস্ট করুন।

সর্বশেষ পদক্ষেপটি হ'ল লোকেশন বারের শুরুতে স্ক্রোল করা এবং "জাভাস্ক্রিপ্ট:" যুক্ত করা, যেহেতু ক্রোম এটি মুছে ফেলবে।


4

আমি ভোরলোনকে সুপারিশ করি , ওয়েইনারের মতো কাজ করে। আমি Vorlon এর UI 'তে মত, এবং এটি সমর্থন করা SSL , আমার আবেদন HTTPS দ্বারা হয়, আমি ngrok, ghostlab এবং vorlon সঙ্গে weinre চেষ্টা করেছি, শুধুমাত্র vorlon কাজ করে জরিমানা।


3

আমি এটি চেষ্টা করে দেখিনি, তবে আইওএস ওয়েবকিট ডিবাগ প্রক্সি (ios_webkit_debug_proxy / iwdp) সম্ভবত আপনাকে ইউআইবিউবভিউতে দূরবর্তী ডিবাগ করতে দেয়। README.md থেকে

Ios_webkit_debug_proxy (ওরফে iwdp) ডেভেলপারদের MobileSafari এবং পরিদর্শন করতে পারবেন UIWebViews উপর বাস্তব Chrome DevTools UI এবং Chrome দূরবর্তী ডিবাগ প্রোটোকল মাধ্যমে এবং কৃত্রিম iOS ডিভাইস। ডেভটুল অনুরোধগুলি অ্যাপলের রিমোট ওয়েব ইন্সপেক্টর পরিষেবা কলগুলিতে অনুবাদ করা হয়েছে।


1
ক্রোম ওয়েবভিউয়ের জন্য সমর্থন তাত্ত্বিকভাবে এর মাধ্যমে প্রয়োগ করা হয়: github.com/RemoteDebug/remotedebug-ios-webkit-adapter যা আইওএস ওয়েবকিট ডিবাগ প্রক্সি শীর্ষে নির্মিত। আমি এখনও পর্যন্ত এই প্রকল্পের সাথে আমার সীমিত সাফল্য পেয়েছি, তবে আমি আশা করি এটি আরও ভাল হবে।
ম্যাট জেনসেন

3

ভোরলন.জেএস আইওএস বা অন্য কোনও ক্লায়েন্টের রিমোট ডিবাগিংয়ের জন্য ব্যবহার করা যেতে পারে।

  1. বিশ্বব্যাপী ব্যবহার করে এটি ইনস্টল করুন npm i -g vorlon
  2. ব্যবহার করে সার্ভার শুরু করুন vorlon
  3. সার্ভারটি চলমান থাকায় ভোরলন.জেএস ড্যাশবোর্ড দেখতে আপনার ব্রাউজারে http: // লোকালহোস্ট: 1337 খুলুন
  4. আপনার অ্যাপ্লিকেশনটিতে এই স্ক্রিপ্ট ট্যাগটি যুক্ত করে ভোরলন.জেএস সক্ষম করা শেষ পদক্ষেপ:
    <script src="http://<yourExternalIP>:1337/vorlon.js"></script>
  5. সমস্ত সংযুক্ত ক্লায়েন্ট যেমন আইফোন, অ্যান্ড্রয়েড ভোরলোন.জেএস ড্যাশবোর্ডে ক্লায়েন্টের তালিকায় উপলভ্য হবে এখানে চিত্র বর্ণনা লিখুন

মনে রাখবেন যে এনগ্রোক ব্যবহার করে লোকালহোস্টে চলছে না এমন অ্যাপ্লিকেশনগুলি ডিবাগ করার জন্যও এই পদ্ধতির ব্যবহার করা যেতে পারে । বিশদ জানতে https://stackoverflow.com/a/45443203/2073920 দেখুন ।

দাবি পরিত্যাগী

আমি কেবল একজন ব্যবহারকারী এবং আমি ভোরলন.জেএস এবং এনগ্রোকের সাথে অনুমোদিত নই


আমি সমস্ত ধাপ অনুসরণ কিন্তু আমার আইফোন এর দৃষ্টিভঙ্গী ম্যাক চলমান VorlonJS শনাক্ত পাচ্ছেন না
Amarjit সিং

2

আপনার 'ব্যক্তিগত ব্রাউজিং' বন্ধ করাও দরকার।

সেটিংস> সাফারি> ব্যক্তিগত ব্রাউজিং> বন্ধ


পিপিএল কেন এই উত্তরটি হ্রাস করে তা নিশ্চিত নয়। রিমোট ডিবাগিংয়ের জন্য ব্যক্তিগত ব্রাউজিংকে সত্যই বন্ধ করা দরকার।
বেসকোড

14
@ বাসকোড কারণ এটি একটি পরিপূরক উত্তর যা এটি মন্তব্যে হওয়া উচিত।
GusDeCooL

2
@ গুডডিকুল আমি দেখছি, ধন্যবাদ! একটি ডাউনভোটারের একটি মন্তব্য যা এটি ব্যাখ্যা করে যে এটি সহায়ক হবে।
বেসকোড

0

এমনকি আমি একই বৈশিষ্ট্যটি অনুসন্ধান করছি এবং আজকের হিসাবে এটি এখনও কার্যকর করা হয়নি। আমি তবে দুটি বিকল্পের কথা ভাবতে পারি,

  1. আমি লক্ষ্য করেছি যে ক্রোম এবং সাফারির আচরণগুলি বেশ অভিন্ন; ক্রোম এমনকি জাইরোস্কোপ এবং অন্যান্য সম্পর্কিত ইভেন্টগুলিকে সমর্থন করে যা সাফারি দ্বারা সমর্থিত। আমি বর্তমানে সাফারি (সেটিংস-> সাফারি মাধ্যমে) ডিবাগ কনসোলটি সক্ষম করে আমার ওয়েব অ্যাপটি ডিবাগ করছি

  2. অ্যাডোব ছায়াও ব্যবহার করে দেখুন, যা দূরবর্তী ডিবাগিং / পরিদর্শন এবং সিঙ্কের অনুমতি দেয়।

আছে HTH।


0

অ্যাডোব এজ পরিদর্শন ( https://creative.adobe.com/products/inspect ) আপনার সমস্ত মোবাইল ডিভাইস আইওএস এবং অ্যান্ড্রয়েড ডিবাগ করার আরেকটি উপায় (যদিও উইন্ডোজ ফোন নেই)। এটি দূরবর্তী ডিওএম পরিদর্শন / পরিবর্তনের জন্য ওয়েনার ব্যবহার করে। এটি পদ্ধতিগুলির দ্রুততম নয়, তবে এটি উইন্ডোজে কাজ করে।


অ্যাডোব এজ পরিদর্শনটি আর অ্যাডোব ক্রিয়েটিভ ক্লাউডে তালিকাভুক্ত নয়। Adobe.com/products/edge-inspect.html দেখুন ।
রন ইনবার

সত্য, তবে আপনি এটির উন্নয়নের অধীনে থাকা সত্ত্বেও এটি এখনও একটি বর্তমান সাবস্ক্রিপশন দিয়ে ডাউনলোড করতে পারেন। এটি এখানে কীভাবে করবেন তা দেখুন: helpx.adobe.com/creative-cloud/kb/…
হাম্বলবেগনিংস

তবে আইওএস অ্যাপটি আর উপলভ্য নয়। : এখনো আর কোন আইওএস Android এর উপর কাজ, কিন্তু itunes.apple.com/app/id498621426
bg17aw

0

ক্রোমিয়ামে একটি খোলা বাগ রয়েছে: https://bugs.chromium.org/p/chromium/issues/detail?id=584905

দুর্ভাগ্যক্রমে তারা অ্যাপল উপর নির্ভর করে ডাব্লু কেভিউতে এটির জন্য একটি এপিআই খোলার জন্য, সম্ভবত সাফারি থেকে ডিবাগিং উপলব্ধ হবে।


0

আমি রিমোটেডব্যাগ-আইওস-ওয়েবকিট-অ্যাডাপ্টার ব্যবহার করছি, উইন্ডোজ 10-এ ক্রোমে আইওএস এবং ডিবাগারের সাথে আমার জন্য ভাল কাজ করে।

এটি যদি কোনও একটি লিঙ্ককে সহায়তা করে তবে খুশি হবে


0

দ্রষ্টব্য: ঘোস্টল্যাব স্রষ্টা ভানামকোর সাথে আমার কোনও সম্পর্ক নেই।

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

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন

অত্যন্ত বাঞ্ছনীয়.


-2

সাফারি ডেস্কটপ আইওএস খুলুন

বিকাশ -> প্রতিক্রিয়াশীল নকশা মোড

ডিভাইসের অধীনে "অন্যান্য" ক্লিক করুন

এটি আটকে দিন: মজিলা / 5.0 (আইপ্যাড; ম্যাক ওএস এক্সের মতো সিপিইউ ওএস 10_2_1) অ্যাপলওয়েবকিট / 602.1.50 (কেএইচটিএমএল, গেকোর মতো) ক্রিয়োস / 56.0.2924.79 মোবাইল / 14 ডি 27 সাফারি / 602.1

সাফারি পরিদর্শন সরঞ্জামগুলি ব্যবহার করুন।


-3

দাবি অস্বীকার: আমি ব্রাউজারস্ট্যাকে কাজ করি। [নিশ্চিত হয়েছেন] যে এটি পোস্ট করার অনুমতি দেওয়া হয়েছে কিনা ( আমি কি সংস্থার কোনও পণ্য যেখানে কাজ করছে তার প্রস্তাব দিতে পারি? )


আইওএসে সাফারি ডিবাগ করুন (এখনকার মতো ক্রোমের জন্য নয়, আরও বিশদে আরও পড়ুন))

এটি কিভাবে কাজ করে?

  • ব্রাউজারস্ট্যাকে আপনাকে কোনও আসল ডিভাইসে একটি সেশন শুরু করতে হবে (ইমুলেটর রয়েছে তবে আপনাকে আসল ডিভাইসে একটি সেশন শুরু করতে হবে), আইফোন 6 এস বলুন - সাফারি / ক্রোম (ক্রোমের জন্য কোনও দেবতা নেই, তবে এটি আমাদের রোডম্যাপে রয়েছে)
  • ইউআরএল টাইপ করুন
  • ব্রাউজারস্ট্যাক্স দূরবর্তী ডিভাইসে খোলা ওয়েবপৃষ্ঠাটি পরিদর্শন করতে আপনি ডিভটুলগুলি ট্রিগার করতে পারেন। আমি নীচে একই জন্য পর্দা ভাগ করে নিয়েছি।

রিয়েল ফোনগুলির সাথে ডেভটুলগুলি ব্যবহার করা

ডেস্কটপ ব্রাউজার ডিভলটুলের মতো কাজ করে এলটিএমএল, সিএসএস সম্পাদনা করুন, উপাদানগুলির উপর ঘুরে দেখুন।

রিয়েল ফোনে ডেভটুলস, প্রতিক্রিয়াশীল ওয়েবসাইটগুলি ডিবাগ করুন।


ডেভটুলগুলি ব্যবহার করে রিয়েল ফোনে জাভাস্ক্রিপ্ট কার্যকর করা হচ্ছে

Consoleট্যাবে স্যুইচ করুন , জাভাস্ক্রিপ্ট কোডটি কার্যকর করুন, console.log()আউটপুট চেক করুন এবং আরও ...

ডেভলটুলগুলি ব্যবহার করে রিয়েল ফোনে জাভাস্ক্রিপ্ট চালান


নেটওয়ার্ক ট্যাব, অনুরোধ শিরোনাম, প্রতিক্রিয়া এবং তাই চেক ...

অনুরোধগুলি পরীক্ষা করতে নেটওয়ার্ক ট্যাব


ব্রাউজারস্ট্যাকে ডেভটুলগুলির জন্য সমর্থন?

  • ডেভটুলগুলি এখানে উপলব্ধ:

    • আসল ডিভাইস - আইওএস - সাফারি (আইওএস ক্রোমের জন্য ডেভটুলগুলি আমাদের রোডম্যাপে রয়েছে)
    • আসল ডিভাইসগুলি - অ্যান্ড্রয়েড - ক্রোম (কেবলমাত্র অ্যান্ড্রয়েড ডিভাইসগুলিতে কেবল ক্রোম উপলব্ধ)
  • ক্লায়েন্ট ব্রাউজারের ক্রোম বা ফায়ারফক্স হওয়া দরকার। এর অর্থ ব্রাউজারস্ট্যাক রিয়েল ডিভাইস ডিভুলস ব্যবহার করতে আপনাকে ম্যাকওএসএক্স বা উইন্ডোতে ক্রোম বা ফায়ারফক্স ব্রাউজার ব্যবহার করতে হবে।

দ্রষ্টব্য: আপনাকে সমস্ত বাস্তব ডিভাইস পরীক্ষা করার পরিকল্পনা কিনতে হবে, একজন নিখরচায় ব্যবহারকারী হিসাবে, আপনি রিয়েল অ্যান্ড্রয়েড ডিভাইসগুলির কয়েকটি (ট্যাবলেট সহ) এবং রিয়েল আইওএস ডিভাইসগুলির কয়েকটি (ট্যাবলেটগুলি অন্তর্ভুক্ত) পাবেন। এছাড়াও, রিয়েল ডিভাইস শব্দের উপর জোর দেওয়া কারণ তারা অনুকরণকারীও সরবরাহ করে।

এটি সম্পর্কে আরও বিশদ, দয়া করে মোবাইল বৈশিষ্ট্য পৃষ্ঠায় ডেভটুলস বিভাগটি পড়ুন ।


3
তিনি আইওএস-এ ডিবাগিং ক্রোম চেয়েছিলেন। আমি একটি browserstack গ্রাহক এবং মালিক একটি ম্যাক তাই iOS এ সাফারি ডিবাগ সম্ভব, কিন্তু Chrome সম্ভাবনা ধীরে ধীরে চলা দূরবর্তী অবস্থান থেকে debugable হতে না
Fabs

@ ফ্যাবস আমাদের এটি আমাদের রোডম্যাপে রয়েছে। এছাড়াও, আমি উল্লেখ করেছি যে এটি কেবল সাফারি - আইওএস ডিভাইস এবং Chrome এর জন্য Android ডিভাইসগুলির জন্য কাজ করে :)
মিঃ এলিয়েন

উভয় ব্রাউজারের লেআউট ইঞ্জিন ওয়েবকিট হওয়ায় লেআউট ইস্যুগুলির ক্ষেত্রে এটির সমস্যা হওয়া উচিত নয়। সাথে মিলিত স্থানীয় সার্ভার টেস্টিং বৈশিষ্ট্যটি এই ডিবাগ স্থানীয় হোস্ট, কোন অতিরিক্ত সেটআপ প্রয়োজন হয় না।
টিম ভার্মেলেন

1
উত্তরটি যেভাবেই হোক প্রশ্নটিকে সম্বোধন করে না। ব্রাউজারস্ট্যাক একটি দুর্দান্ত পরিষেবা সরবরাহ করার সময়, এই উত্তরটি সম্পূর্ণ বিষয়বস্তু।
ম্যাট জেনসেন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.