গুগল ক্রোম বিকাশকারী সরঞ্জামগুলি ব্যবহার করে নেটওয়ার্ক অনুরোধগুলি ফিল্টার করার কোনও উপায় আছে?


125

Chrome বিকাশকারী সরঞ্জামগুলি ব্যবহার করে কিছু অনুরোধ ফিল্টার করা সম্ভব, বলুন, সমস্ত চিত্রের অনুরোধগুলি ফিল্টার আউট করুন?


29
পুনরায় খুলতে ভোট দেওয়া; এটি বিষয় বিবেচনা করা উচিত নয়। ক্রোম / ওয়েবকিট ডেভেলপার টুলস পরিষ্কারভাবে হয় "সাধারণভাবে প্রোগ্রামারদের দ্বারা ব্যবহৃত সফ্টওয়্যার সরঞ্জাম" (অনুমোদন হিসাবে FAQ ); বিকাশকালে আমি প্রায়শই ফিল্টারিং বিকল্পগুলি ব্যবহার করেছি।
জেরেমি ব্যাংকগুলি


দয়া করে সঠিক উত্তরটি নির্বাচন করুন, চিহ্নিত উত্তরটি দীর্ঘকাল পুরানো।
সুরজ জৈন

উত্তর:


21

একটি খুব নমনীয় ফিল্টারিং বৈশিষ্ট্য নেই, তবে নীচের অংশটি আপনাকে কেবল একটি নির্দিষ্ট দস্তাবেজ বা সংযোগের ধরণের অনুরোধগুলি দেখাতে দেয়:

আপনি কেবল চিত্রগুলি বাদ দিতে পারবেন না, তবে এটির সাহায্য করা উচিত।

আপনি অনুরোধ তালিকার একটি নির্দিষ্ট স্ট্রিং সন্ধান করতে Control/ Command+ টিপুন Fএবং মেলে না এমন অনুরোধগুলি লুকানোর জন্য "ফিল্টার" বাক্সটি চেক করতে পারেন:

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


9
এই উত্তর পুরানো। পরের এক (দেখুন stackoverflow.com/a/27770139/610585 )
undefined

257

নেতিবাচক পাঠ্য ফিল্টার - প্রদত্ত প্রশ্নের সাথে মেলে না এমন ফলাফলের তালিকা প্রদর্শন করুন list

ক্রোম Available 42 সাল থেকে উপলব্ধ - ইস্যু লিঙ্কটি এখানে ঘোষণা করা হয়েছে

অন্য পদ্ধতির: নেটওয়ার্ক প্যানেলে ফিল্টারটি খুলুন এবং CTRL/CMDআপনি যে ধরনের অনুরোধগুলি দেখাতে চান তাতে ক্লিক করুন। কেবল চিত্রের অনুরোধগুলি আড়াল করার জন্য ধরে রাখার সময় চিত্রগুলি বাদে অন্য সমস্ত ধরণের নির্বাচন করুন CTRL/CMD


2
ব্যবহারের সিএমডি + + OS X এর উপর ক্লিক করুন
undefined

7
আপনি এইচটিসি স্থিতি কোড এবং অন্যান্য বৈশিষ্ট্যগুলিও ফিল্টার করতে পারেন , যেমন: ডোমেন, -র-প্রতিক্রিয়া-শিরোনাম, পদ্ধতি, মাইম-টাইপ, স্কিম, সেট-কুকি-নাম, সেট-কুকি-মান, সেট-কুকি-ডোমেন, স্থিতি-কোড এবং আপনি একসাথে একাধিক মাধ্যমে ফিল্টার করতে পারেন, উদাহরণস্বরূপ 200, 404 বা 302 নয় এমন সমস্ত অনুরোধগুলি দেখুন: ব্যবহার করুন:-status-code:200 -status-code:404 -status-code:302
ব্র্যাড পার্কস

3
লিনাক্সে "51.0.2704.79 (64-বিট)" ক্রোম সংস্করণ ব্যবহার করা। দেখে মনে হচ্ছে নেগেটিভ ফিল্টারিং সরিয়ে দেওয়া হয়েছে? আর কেউ দেখছেন তো?
উইলসন এফ

4
ক্রোম 52 হিসাবে এখনও ভাঙা মনে হচ্ছে, এই বৈশিষ্ট্যটি দুঃখজনকভাবে কাজ করতে পারে না।
জে কিলিয়ান

2
নোট করুন যে ফিল্টার ইনপুটটির পাশে "রেজেক্স" চেকবক্সটি এটি কাজ করার জন্য অবশ্যই চেক করা উচিত। এছাড়াও নোট করুন যে -.jsউভয় .jsএবং .jsonঅনুরোধ বাদ দেবে । কিছু কারণে নেতিবাচক ফিল্টার সিনট্যাক্সটি সাম্প্রতিকতম ডকুমেন্টেশনে আচ্ছাদিত বলে মনে হচ্ছে না ।
জেমস

34

-.png -.gif -.jpফলাফল থেকে সমস্ত চিত্র বাদ দিতে আপনি ফিল্টার ইনপুট বাক্সে লিখেন । নীচে এটি চিত্র ছাড়াই স্থানান্তরিত ডেটার মোট পরিমাণ দেখায়।

ডিসেম্বরে 14 এ "গুগলে ক্রোম এ কাজ করা একজন ইঞ্জিনিয়ার" মোচড় দিয়েছিল:

ক্রোম ডেভটুলস: নেতিবাচক পাঠ্য ফিল্টারগুলি সবেমাত্র নেটওয়ার্ক প্যানেলে প্রবেশ করেছে। তালিকা ফলাফলগুলি না একটি প্রদত্ত ক্যোয়ারীর সাথে মিলছে না টুইটার লিংক

সম্পাদন করা : আপনি এমনকি ডোমেন, মাইম-ধরন, FILESIZE দ্বারা ফিল্টার, ... অথবা লিখে অগ্রাহ্য করতে -domain:cdn.sstatic.netএবং এর মধ্যে যে কোনো মেশা mime-type:image/png -larger-than:100Kশুধুমাত্র নেটওয়ার্কের প্যানেলে 100 কিলোবাইটের চেয়ে ছোট ফাইল png দেখানোর জন্য

দেখতে DevTools: Addy ওসমানী দ্বারা দ্য ইউনিয়ন 2015 এর রাজ্য

ক্রোম থেকে 42


2
ধন্যবাদ, domain:অংশটি হ'ল আমি এখনই যা খুঁজছিলাম। এটি এবং অন্যদের একগুচ্ছ বর্তমানে অন্য উত্তর থেকে সংযুক্ত ডকুমেন্টেশনে আচ্ছাদিত রয়েছে
জেএমএম

13

আমার গুগল ক্রোম (সংস্করণ 74.0.3729.157 (-৪-বিট)) এর অধীনে, আমি নিম্নলিখিত ফিল্টারগুলি উপলব্ধ পেয়েছি (আমি কয়েকটি উদাহরণ যুক্ত করেছি)। নোট করুন যে ডিভলসগুলিতে একটি স্বয়ংক্রিয় পরিপূর্ণ কার্যকারিতা রয়েছে (যা এই স্টাফটিকে বাছাই করতে অনেক সহায়তা করে)।

domain:
-domain:
    # Use a * character to include multiple domains.
    # Ex:  *.com, domain:google.com, -domain:bing.com

has-response-header:
-has-response-header:
    # Filter resources with the specified HTTP response header.
    # Ex: has-response-header:Content-Type, has-response-header:age

is:
-is:
    # is:running finds WebSocket resources
    # I've also come across:
    #  - is:from-cache,
    #  - is:service-worker-initiated
    #  - is:service-worker-intercepted


larger-than:
-larger-than:
    # Note: larger-than:1000 is equivalent to larger-than:1k
    # Ex: larger-than:420, larger-than:4k, larger-than:100M

method:
-method:
    # method:POST, -method:OPTIONS, method:PUT, method:GET

mime-type:
-mime-type:
    # Ex: mime-type:application/manifest+json, mimetype:image/x-icon


mixed-content:
-mixed-content:
    # 2 that I've found documented: 
    #   mixed-content:all (Show all mixed-content resources) 
    #   mixed-content:displayed (Show only those currently displayed) (never used this personally)

scheme:
-scheme:
    # Ex: scheme:http, scheme:https,
    # Note that there are also scheme:chrome-extension, scheme:data

set-cookie-domain:
-set-cookie-domain:
    # 
    # Ex: set-cookie-domain:.google.com

set-cookie-name:
-set-cookie-name:
    # Match Set-Cookie response headers with name
    # Ex: set-cookie-name:WHATUP

set-cookie-value:
-set-cookie-value:
    # Match Set-Cookie response headers with value
    # Ex: set-cookie-value:AISJHD98ashfa93q2rj_94w-asd-yolololo

status-code:
-status-code:
    # Match HTTP status code
    # Ex: status-code:200, -status-code:302

7

ফিল্ম ইনপুট-এ আপনি ডোমেন ব্যবহার করতে পারেন, যেমন মাইমটাইপ

ডোমেন: yourdomain.com


5

একটি সহজ এবং সংক্ষিপ্ত এবং দ্রুত সমাধান:

শুধু রাখি -.

এক্সটেনশন (স্থিতিশীল বিষয়বস্তু) সহ কোনও ইউআরএল প্রদর্শন না করার জন্য, এখানে আপনার স্পষ্টতই URL আছে।

রেজেক্স ফিল্টার


1

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

আপনি যদি বিকাশকারী সরঞ্জামগুলি খুলেন, নেটওয়ার্ক চয়ন করুন। পৃষ্ঠার নীচের অংশটি থেকে, আপনি যদি চিত্রের অনুরোধগুলির জন্য বিশেষভাবে দেখতে চান তবে চিত্রগুলি চয়ন করুন। ফিল্টারগুলি সমস্ত একচেটিয়া, সুতরাং আপনি কেবল চিত্রের অনুরোধগুলি ফিল্টার করতে পারবেন না। এই নাও.


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