google-chrome - win7 - google chrome download for windows 10




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

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

আপডেট: আইওএস 6 এর রিলিজের সাথে, রিমোট ডিবাগিং এখন Safari এর সাথে সম্পন্ন করা যাবে।


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


IOS এ ডিবাগ সাফারি (এখনকার জন্য Chrome এর জন্য নয়, আরো বিস্তারিত জানার জন্য এগিয়ে যান।)

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

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

রিয়েল ফোন সঙ্গে DevTools ব্যবহার করে

উপাদানগুলির উপর হভার করুন, এইচটিএমএল, সিএসএস সম্পাদনা করুন ঠিক যেমন ডেস্কটপ ব্রাউজার devtools কাজ করে।

DevTools ব্যবহার করে বাস্তব ফোন জাভাস্ক্রিপ্ট চালানো

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

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

ব্রাউজার স্ট্যাটে DevTools জন্য সমর্থন?

  • DevTools পাওয়া যায়:

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

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

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


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

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


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

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

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

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

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


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


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

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

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

বিকল্প 2: share । Weinre অনেক বৈশিষ্ট্য নেই কিন্তু কখনও কখনও এটা যথেষ্ট ভাল।

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

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

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


আমার বোঝার দিক থেকে, গুগল ক্রোম অ্যান্ড্রয়েড প্রতিপক্ষের মতো ক্রোমের সম্পূর্ণ ফুটপাথের পরিবর্তে iOS এর UIWebView ব্যবহার করে।


আমি remotedebug-ios-webkit-adapter ব্যবহার করছি, iOS এর জন্য আমার সাথে ভাল কাজ করে এবং উইন্ডোজ 10 এ ক্রোমে ডিবাগার খোলা।

এটি কিছু Link সাহায্য করে যদি খুশি হবে


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

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


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

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

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

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

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


দ্রষ্টব্য: আমি Ghostamab নির্মাতারা Vanamco সঙ্গে কোন সম্বন্ধ নেই।

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

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


হালনাগাদ:

এটি আর উত্তম উত্তর নয়, দয়া করে gregers পরামর্শ অনুসরণ করুন।

নতুন উত্তর:

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

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

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

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

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

Simons দ্বারা নির্দিষ্ট হিসাবে দূরবর্তী ডিবাগিং কাজ করতে ব্যক্তিগত ব্রাউজিং বন্ধ করার প্রয়োজন একটি উত্তর উত্তর ।

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





chrome-for-ios