অব্যবহৃত সিএসএস সংজ্ঞাগুলি কীভাবে চিহ্নিত করবেন


414

কোনও প্রকল্পে অব্যবহৃত সিএসএস সংজ্ঞা সনাক্ত করতে সহায়তা করার জন্য কি কোনও ভাল পন্থা রয়েছে? একগুচ্ছ CSS ফাইল টানা হয়েছিল এবং এখন আমি কিছুটা পরিষ্কার করার চেষ্টা করছি।


আপনি যখন "কোনও প্রকল্পে" বলছেন - আপনার সঠিক অর্থ কী? আপনি কোন পরিবেশটি ব্যবহার করছেন তার উপর নির্ভর করে উত্তরটি আলাদা হতে পারে।
আয়ান রবিনসন


আমি একটি সরঞ্জাম তৈরি করেছি যা বেশ ভাল কাজ করে। এখানে আমার কোড পেন
toddmo

আমি একটি স্ক্রিপ্ট লিখেছিলাম যা এটি আপনার জন্য করতে পারে: github.com/kgoedecke/unused-css-parser
কেভিন গোয়েডেক

উত্তর:


145

Https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ এ ফায়ারফক্সের এক্সটেনশন ডাস্ট-মি একবার দেখুন ।


14
এক্সটেনশন ফায়ারফক্স 4
mvark

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

3
দেখে মনে হচ্ছে যে লেখক খুব সম্প্রতি নিজের ওয়েবসাইটে আপডেটেড সংস্করণ পোস্ট করেছেন এমনকি অপেরার জন্যও একটি সংস্করণ। পরীক্ষা করে দেখুন brothercake.com
Funka

2
দুর্ভাগ্যক্রমে আর কাজ করে না
জোনাথন

4
আমি একটি প্রতিস্থাপন লিখেছি, আপনার ওয়েবসাইটে একাধিক পৃষ্ঠাগুলি হামাগুড়ি করলাম (নিম্নলিখিত লিঙ্কগুলি পুনরাবৃত্তভাবে): jitbit.com/unusedcss
অ্যালেক্স

259

ক্রোম বিকাশকারী সরঞ্জামগুলির একটি অডিটস ট্যাব রয়েছে যা অব্যবহৃত সিএসএস নির্বাচকগুলি প্রদর্শন করতে পারে।

ওয়েব পেজ পারফরম্যান্সের অধীনে নিরীক্ষণ চালান, অব্যবহৃত সিএসএস বিধিগুলি সরান দেখুন

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


64
এটি দুর্দান্ত, তবে খুব খারাপ আপনি এটি পৃষ্ঠাগুলির একটি গ্রুপে চালাতে পারবেন না (অন্যথায় অব্যবহৃত সিএসএস বিধিগুলি অবশ্যম্ভাবী হতে পারে)
ড্যামন

17
আমি নিরীক্ষণের সরঞ্জামটি চালাচ্ছি এবং এটি আমাকে অব্যবহৃত সিএসএস দেখায়, তবে কীভাবে এটি ব্যবহার করব? আমাকে কি প্রতিটি আইটেমটি ম্যানুয়ালি অনুসন্ধান করতে এবং এটিকে সরাতে হবে?
টিমোথ হেনরি

19
এটি কেবল বর্তমান পৃষ্ঠা। এটি বলে যে '2445 বিধি (83%) সিএসএসের বর্তমান পৃষ্ঠা ব্যবহার করে না' তাই সত্যই সহায়ক নয়।
ছন্তিয়াল

8
আপনি যখন আইটেমটি প্রসারিত করবেন, আপনি ব্যবহার না করা প্রকৃত নিয়মের একটি তালিকা পাবেন। যদিও, যেখানে আপনি ফ্লাইটে DOM পরিবর্তন করেন সেগুলিতে এটি সহায়ক নয়।
হাওয়ে

10
আসলে এটি সবেমাত্র কভারেজ-এ স্থানান্তরিত হয়েছে - নিরীক্ষণে যান -> নীচে কনসোলের পাশে একটি মেনু রয়েছে (3 টি ভার্চুয়াল ডট টাইপ মেনু) এবং আপনি সেখানে কভারেজ নির্বাচন করতে পারেন। কেবল রেকর্ড ক্লিক করুন এবং নেভিগেট করুন।
গ্রাহাম রিচি

65

আমি এই সাইটটি সবেমাত্র পেয়েছি - http://unused-css.com/

দেখতে দুর্দান্ত লাগছে তবে আমার যে কোনও সাইটে এটি আপলোড করার আগে আমার এর আউটপুটযুক্ত 'ক্লিন' সিএসএসের পুঙ্খানুপুঙ্খভাবে পরীক্ষা করা দরকার।

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

নীচের বিষয়বস্তু http://unused-css.com/ থেকে নেওয়া হয়েছে, তাই অন্যান্য সমাধানের প্রস্তাব দেওয়ার জন্য তাদের credit ণ দিন :

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

ডাস্ট-মি নির্বাচকগুলি একটি ফায়ারফক্স এক্সটেনশন (v1.5 বা তার পরে জন্য) অব্যবহৃত সিএসএস নির্বাচনকারীদের সন্ধান করে। এটি আপনি যে পৃষ্ঠাতে দেখছেন সেটির সমস্ত স্টাইলশিট থেকে সমস্ত নির্বাচককে বের করে, তারপরে কোনটি নির্বাচক ব্যবহার করা হয়নি তা দেখার জন্য সেই পৃষ্ঠাটি বিশ্লেষণ করে। এরপরে ডেটা সংরক্ষণ করা হয় যাতে পরবর্তী পৃষ্ঠাগুলি পরীক্ষা করার সময়, নির্বাচকরা সম্মুখীন হওয়ার সাথে সাথে তালিকাটি ছাড়িয়ে যেতে পারে। এই সরঞ্জামটি একটি সম্পূর্ণ ওয়েবসাইট মাকড়সা করতে সক্ষম হবে বলে মনে করা হচ্ছে তবে আমি দুর্ভাগ্যবশত এটি কার্যকর করতে পারলাম। এছাড়াও, আমি বিশ্বাস করি না যে আপনি মুছে ফেলা শৈলীগুলির সাথে সিএসএস ফাইল কনফিগার করতে এবং ডাউনলোড করতে পারবেন।

টপ স্টাইল হ'ল উইন্ডোজ অ্যাপ্লিকেশন যা সিএসএস সম্পাদনা করার জন্য অনেকগুলি সরঞ্জাম সহ। আমি এটি খুব বেশি পরীক্ষা করিনি তবে দেখে মনে হচ্ছে এটিতে অব্যবহৃত সিএসএস নির্বাচনকারীদের অপসারণ করার ক্ষমতা রয়েছে। এই সফ্টওয়্যারটির দাম 80 মার্কিন ডলার।

লিকুইডসিটি সিএসএস ক্লিনার এমন একটি পিএইচপি স্ক্রিপ্ট যা কোনও পৃষ্ঠার শৈলীগুলি পরীক্ষা করতে নিয়মিত এক্সপ্রেশন ব্যবহার করে। এটি আপনাকে এমন ক্লাসগুলি বলবে যা এইচটিএমএল কোডে পাওয়া যায় না। আমি এই সমাধানটি পরীক্ষা করিনি।

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

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

UnusedCSS.com হ'ল একটি সহজে ব্যবহারের ইন্টারফেস সহ ওয়েব অ্যাপ্লিকেশন। কোনও সাইটের ইউআরএল টাইপ করুন এবং আপনি সিএসএস নির্বাচকদের একটি তালিকা পাবেন। প্রতিটি নির্বাচকের জন্য, একটি সংখ্যা নির্দেশককে কতবার ব্যবহৃত হয় তা নির্দেশ করে। এই পরিষেবাটির কয়েকটি সীমাবদ্ধতা রয়েছে। @ ইমপোর্ট স্টেটমেন্টটি সমর্থিত নয়। আপনি নতুন ক্লিন সিএসএস ফাইলটি কনফিগার করতে এবং ডাউনলোড করতে পারবেন না।

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


5
কেবলমাত্র একটি নোট যে অব্যবহৃত- CSS.com আপনাকে বেতনের সদস্য না হয়ে সিএসএস ডাউনলোড করতে দেয় না এবং সর্বনিম্ন পরিকল্পনাটি মাসে $ 29 ডলার থেকে শুরু হয়! আমার কাছে পরিষেবাটির জন্য কিছুটা ব্যয়বহুল বলে মনে হচ্ছে
জর্জিসিসি

1
আমি মিশ্রণে purifcss github.com/purifycss/purifycss যুক্ত করব । এটি নিখরচায়, বেশ জনপ্রিয় (গিথুবের তারকারা অনুযায়ী) এবং একক পৃষ্ঠার অ্যাপ্লিকেশনগুলির সাথে কাজ করে।
দিমিত্রি গনচর

21

গুগল পেজ গতি আপনার জন্য এটি করতে পারে (কোন সিএসএস অপ্রয়োজনীয় তা কেবল আপনাকে বলার চেয়ে এটি পুরোপুরি আরও অনেক কিছু করে)। ফায়ারফক্সে এটি ফায়ারবগ অ্যাড-অন হিসাবে উপলব্ধ। তারপরে একটি অনলাইন সংস্করণও রয়েছে।


8

সি # ডাম্প রিলান্ড্যান্ট শৈলীতে একটি আরও ভাল সিএসএস মিনিফায়ার ;

আপনি এটি দিয়ে ডাস্ট-মি ব্যবহার করতে চান।

মনে রাখবেন, যদি এমন কোনও বিষয়বস্তু থাকে যা বর্তমানে ধূলো-আমার কাছে দৃশ্যমান না হয় তবে আপনার প্রয়োজনীয় স্টাইলগুলি ফেলে দিতে পারেন।

সম্পাদনা: লিঙ্কটি ভাঙ্গা হয়েছিল কিন্তু সংরক্ষণাগার.অর্গের পৃষ্ঠা এবং কোড উভয়ই রয়েছে।


7

সিএসএস ব্যবহার

কোন সিএসএসের বিধিগুলি আসলে ব্যবহৃত হয় তা দেখতে ফায়ারব্যাগ এক্সটেনশন।

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


6

দেখে মনে হচ্ছে কেউ আবার নতুন নামে ফায়ারফক্সের সাথে কাজ করার জন্য ডাস্টমে সিলেক্টরকে আপডেট করেছে - 'সিএসএস রাউন্ডআপ' http://blog.brothersmorrison.com/?p=198


লেখক তার ওয়েবসাইটটিতে
www.brothercake.com-

এই প্লাগইনটি আর উপলভ্য নয় এবং ডাউনলোডের লিঙ্কটি ব্রাদারকেকে মারা গেছে
Andrea Mauro

3

ব্যবহারের ইন্টারনেট এক্সপ্লোরার ডেভেলপার টুলবার , গুলি দেখুন> সিএসএস নির্বাচক মেলে : দেখুন সব শৈলী নিয়ম সেট এবং কতবার তারা বর্তমান পৃষ্ঠাতে ব্যবহৃত হয় একটি রিপোর্ট।


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