google-chrome - googe - google chrome \]



গুগল ক্রোমে ওয়েবসকেট ডিবাগিং (7)

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


Answer #1

Chrome সংস্করণ 29 এবং এর জন্য সংক্ষিপ্ত উত্তর:

  1. ওপেন ডিবাগার, ট্যাবে যান "নেটওয়ার্ক"
  2. Websocket সঙ্গে পৃষ্ঠা লোড করুন
  3. সার্ভার থেকে আপগ্রেড প্রতিক্রিয়া সঙ্গে websocket অনুরোধ ক্লিক করুন
  4. Websocket ফ্রেম দেখতে "ফ্রেম" ট্যাব নির্বাচন করুন
  5. ফ্রেম রিফ্রেশ করতে আবার websocket অনুরোধ ক্লিক করুন

Answer #2

অন্যান্য উত্তরগুলির মধ্যে সবচেয়ে সাধারণ দৃশ্যকল্প রয়েছে: ফ্রেমের সামগ্রীটি দেখুন (বিকাশকারী সরঞ্জামসমূহ -> নেটওয়ার্ক ট্যাব -> ওয়েবসকেট সংযোগে ডান ক্লিক করুন -> ফ্রেমগুলি)।

আপনি যদি আরো কিছু তথ্য জানতে চান, যেমন কোন সকেটগুলি বর্তমানে খোলা / নিষ্ক্রিয় আছে অথবা সেগুলি বন্ধ করতে সক্ষম হবেন তবে আপনি এই ইউআরএলটি দরকারী পাবেন

chrome://net-internals/#sockets

Answer #3

আমি সরল ওয়েবসকেট ক্লায়েন্ট v0.1.3 নামক ক্রোম এক্সটেনশন ব্যবহার করেছি যা ব্যবহারকারী হাকবেরা দ্বারা প্রকাশিত হয়। এটি তার ব্যবহারের ক্ষেত্রে খুবই সহজ যেখানে এটি একটি প্রদত্ত URL টিতে ওপেন করা ওয়েবকোকেটগুলিকে অনুমতি দেয়, বার্তা প্রেরণ করে এবং সকেট সংযোগ বন্ধ করে। এটা খুবই সহজ।


Answer #4

ক্রোম ক্যানারি এবং Chromium এখন ওয়েবসকেট বার্তা ফ্রেম পরিদর্শন বৈশিষ্ট্য আছে। এটি দ্রুত পরীক্ষা করার জন্য এখানে পদক্ষেপগুলি রয়েছে:

  1. ওয়েবসকেট ইকো ডেমোতে নেভিগেট করুন, যা websocket.org সাইটে হোস্ট করা হয়েছে।
  2. ক্রোম বিকাশকারী সরঞ্জাম চালু করুন।
  3. নেটওয়ার্ক ক্লিক করুন এবং ডে সরঞ্জামগুলি দ্বারা দেখানো ট্র্যাফিক ফিল্টার করতে, ওয়েবসকেট ক্লিক করুন
  4. ইকো ডেমোতে, সংযুক্ত ক্লিক করুন । গুগল ডে টুলের হেডস ট্যাবে আপনি ওয়েবসকেট হ্যান্ডশেক পরিদর্শন করতে পারেন।
  5. ইকো ডেমোতে প্রেরণ বোতামটিতে ক্লিক করুন।
  6. এই পদক্ষেপটি গুরুত্বপূর্ণ : নাম / পথের অধীনে ক্রোম বিকাশকারী সরঞ্জামগুলিতে ওয়েবসকেট ফ্রেমগুলি দেখতে, আপনার ওয়েবসকেট সংযোগ প্রতিনিধিত্ব করে echo.websocket.org এন্ট্রিটি ক্লিক করুন। এটি ডানদিকে প্রধান প্যানেলটি রিফ্রেশ করে এবং ওয়েবসকেট ফ্রেম ট্যাবগুলিকে প্রকৃত ওয়েবসকেট বার্তা সামগ্রীর সাথে প্রদর্শন করে।

দ্রষ্টব্য : প্রতিবার যখন আপনি নতুন বার্তা পাঠাতে বা গ্রহণ করেন, তখন আপনাকে বামে echo.websocket.org এন্ট্রিতে ক্লিক করে প্রধান প্যানেলটি রিফ্রেশ করতে হবে।

আমি পর্দা শট এবং ভিডিও সঙ্গে পদক্ষেপ পোস্ট।

আমার সম্প্রতি প্রকাশিত বই, ডিফলিন গাইড থেকে HTML5 ওয়েবসকেটেও একটি ডেডিকেটেড পরিশিষ্ট রয়েছে যা ক্রোম ডে সরঞ্জাম, ক্রোম নেট-ইনটারেলস এবং ওয়্যার শার্ক সহ বিভিন্ন পরিদর্শন সরঞ্জামগুলি আচ্ছাদন করে।


Answer #5

ক্রোম বিকাশকারী সরঞ্জামগুলি হ্যান্ডশেক অনুরোধ দেখার অনুমতি দেয় যা খোলা সংযোগের সময় মুলতুবি থাকে, তবে আপনি যতদূর জানেন আমি ট্র্যাফিক দেখতে পাচ্ছি না। তবে আপনি উদাহরণস্বরূপ এটি সঙ্কুচিত করতে পারেন।


Answer #6

ক্রোম বিকাশকারীর সরঞ্জামগুলিতে এখন WebSocket ফ্রেমগুলি তালিকাবদ্ধ করার ক্ষমতা রয়েছে এবং ফ্রেমগুলি বাইনারি না থাকলেও ডেটা পরিদর্শন করে।

প্রসেস:

  1. ক্রোম বিকাশকারী সরঞ্জাম চালু করুন
  2. আপনার পৃষ্ঠা লোড করুন এবং ওয়েবসকেট সংযোগ আরম্ভ
  3. নেটওয়ার্ক ট্যাব ক্লিক করুন।
  4. বাম তালিকা থেকে ওয়েবসকেট সংযোগটি নির্বাচন করুন (এটির "101 স্যুইচিং প্রোটোকল" এর অবস্থা থাকবে।
  5. ফ্রেম উপ-ট্যাব ক্লিক করুন। বাইনারি ফ্রেমগুলি একটি দৈর্ঘ্য এবং সময়-স্ট্যাম্প সহ দেখাবে এবং তারা মুখোশযুক্ত কিনা তা নির্দেশ করবে। টেক্সট ফ্রেম এছাড়াও পেলড কন্টেন্ট অন্তর্ভুক্ত প্রদর্শন করা হবে।

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


Answer #7

যদি আপনার কাছে এমন কোনও পৃষ্ঠা নেই যা ওয়েবসকেট অ্যাক্সেস করছে, তবে আপনি Chrome কনসোল খুলতে এবং এতে আপনার জাভাস্ক্রিপ্ট টাইপ করতে পারেন:

var webSocket = new WebSocket('ws://address:port');
webSocket.onmessage = function(data) { console.log(data); }

এটি ওয়েব সকেট খুলবে যাতে আপনি এটি নেটওয়ার্ক ট্যাব এবং কনসোলে দেখতে পারেন।





websocket