কোনও অ্যাপ ট্যাবে কাস্টম ফেভিকন যুক্ত করার কোনও উপায় আছে?

Question

ফায়ারফক্স "5" প্রকাশের পর থেকে আমি নতুন "অ্যাপ ট্যাবস" বৈশিষ্ট্যটি সত্যিই পছন্দ করতে পেরেছি। তবে, আমি এখন বুঝতে পেরেছি যে কর্মক্ষেত্রে বেশ কয়েকটি অভ্যন্তরীণ ওয়েবসাইটগুলির ফ্যাভিকন নেই। সুতরাং, যখন আমি এই সাইটগুলি থেকে কোনও অ্যাপ ট্যাব তৈরি করি তখন ট্যাবটিতে কেবল একটি "ফাঁকা পৃষ্ঠা" আইকন থাকে।

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

বুকমার্ক আইকনগুলি পরিবর্তন করতে আমি ফ্যাভিকন পিকার 2 ব্যবহার করার চেষ্টা করেছি, তবে এটি কেবল ঠিক তা করে - বুকমার্ক ফোল্ডারে আইকনটি পরিবর্তন করে। এটি অ্যাড্রেস বারের URL এর পাশে প্রদর্শিত ফ্যাভিকন বা ট্যাবগুলিতে পৃষ্ঠা শিরোনামের পাশের একটিতে পরিবর্তন করে না - এটি অ্যাপ ট্যাব আইকনটির জন্য ব্যবহৃত হয়।

সুতরাং, কোনও ওয়েব পৃষ্ঠা বা ডোমেনে আইকন বরাদ্দ করার জন্য কি কোনও প্লাগইন বা অন্য ক্লায়েন্ট-সাইড (এবং সম্ভবত "জো ব্যবহারকারী" বান্ধব) পদ্ধতি আছে, যা ট্যাব বারটিতে ব্যবহৃত হবে?

Answer 1

আপনার অ্যাপ্লিকেশন ট্যাব ফেভিকনগুলি কাস্টমাইজ করা এটি বেশ সহজ।
কারণ অ্যাপ্লিকেশন ট্যাব ফ্যাভিকনটি বুকমার্ক দ্বারা ঠিক উত্পন্ন হয়েছে ...
(1) এটি ইনস্টল করুন - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) আপনার দেখুন বুকমার্কস, ডান ক্লিক করুন এবং আপনার পছন্দসই কাস্টম চিত্রটি নির্বাচন করুন
(3) ব্রাউজারটি পুনরায় চালু করুন (নতুন চিত্র "নিতে" নিতে)
সম্পন্ন হয়েছে।

Comments

@ অ্যাডমিনিটেক - উল্লিখিত হিসাবে, আমি ইতিমধ্যে একটি বুকমার্ক আইকন চেঞ্জার ব্যবহার করার চেষ্টা করেছি। এই প্লাগইনটি আমি যেটি ব্যবহার করেছি তার থেকে কীভাবে আলাদা?

— ইসজি

ফেভিকন পরিবর্তন করে আপনাকে বুকমার্কটি খুলতে হবে তারপরে অ্যাপ্লিকেশন ট্যাব হিসাবে পুনরায় যুক্ত করতে হবে

— এডমিনিস্টেক

@ অ্যাডমিনিটেক - আমি আপনার প্রস্তাবিত প্লাগইন সম্পর্কে জানি না, তবে আমার ব্রাউজার পুনরায় লোড হওয়ার পরেও কোনও সাধারণ ট্যাবে ট্যাব আইকনটি পরিবর্তন করে না। যে সাইটগুলিতে আমি এটি করার চেষ্টা করছি সেগুলি কী এসএসএল সাইটগুলি তা বিবেচনা করে?

— ইসজি

কিছু মনে করো না. নিশ্চিত হওয়ার জন্য সবেমাত্র বুকমার্ক ফ্যাভিকন চেঞ্জার পরীক্ষা করেছেন। আমি নিশ্চিত না যে এটি কী করে যে ফ্যাভিকন পিকারটি তা না করে তবে এটি ফ্যাভিকনটিকে ট্যাবগুলিতেও প্রয়োগ করে বলে মনে হচ্ছে। ধন্যবাদ! এখন, আমি যদি কেবলমাত্র এটি পুরো সাব-ডোমেন বা কোনও কিছুর জন্য প্রয়োগ করতে পারি, যাতে "অ্যাপ্লিকেশন" নেভিগেট করা

— ফ্যাভিকনটি

কোন সমস্যা সমাধানের দুর্দান্ত সমাধান। দুঃখের সাথে, প্লাগটির লেখক বলেছেন যে ফায়ারফক্স 22 এর হিসাবে, API এটিকে প্লিটটি একটি অনুচিত উপায়ে ভাঙে।

— গ্যাবারি

Answer 2

আমি নীচের স্টাইলশিটটি ব্যবহার করে আমার ট্যাবের আইকনগুলি (ফায়ারফক্স 26) পরিবর্তন করেছি:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"][label*="w3.org"] .tab-icon-image {
    list-style-image: url(https://www.w3.org/favicon.ico);
}
tab[pinned="true"][label^="TU"] .tab-icon-image {
    list-style-image: url(https://www.tue.nl/favicon.ico);
}

এই স্টাইলশিটটি ব্যবহার করতে, এটি এটিকে রাখুন [path to your profile]/chrome/userChrome.css, বা স্টাইলিশের মতো কোনও ব্যবহারকারী শৈলী পরিচালক ইনস্টল করুন ।

এটি নিম্নলিখিত হিসাবে কাজ করে: ফায়ারফক্সের ট্যাবগুলি একটি নথি গাছের অংশ ( ব্রাউজার.এক্সুল দেখুন ):

<tabs id="tabbrowser-tabs" ...>
    <tab class="tabbrowser-tab" ... pinned="true" ... label="some text" ...>
    ...

একটি ট্যাবের লেবেল ট্যাবের শিরোনামের সাথে মেলে। আমার উদাহরণে, আমি ডাব্লু 3 এর মেলিং তালিকা ট্যাবে একটি ফ্যাভিকন যুক্ত করতে চেয়েছিলাম। দুর্ভাগ্যক্রমে, এটির একটিও শিরোনাম নেই, তাই আমি ট্যাবটির সাথে মেলে এমন তুলনামূলকভাবে অনন্য কিছু সন্ধান করতে হয়েছিল। দেখা যাচ্ছে যে প্রাসঙ্গিক পৃষ্ঠাগুলিতে তাদের শিরোনামে "w3.org" ছিল, যার ফলশ্রুতিটি তৈরি হয়েছিল [label*="w3.org"]।
একইভাবে, আমার বিশ্ববিদ্যালয়ের সাইটের কোনও ফেভিকন নেই। সমস্ত শিরোনাম "টিইউ" দিয়ে শুরু হয়, তাই আমি ব্যবহার করেছি [label^="TU"]।

আরও সাধারণ নির্বাচক: [label$="last words"], [label="Exact match"]।
আলোচনা: [label*="w3.org"]:not([label$="- Gmail"])(= এমন ট্যাব নির্বাচন করুন যার শিরোনামটিতে "w3.org" রয়েছে, যদি না এটি "- Gmail" দিয়ে শেষ হয়)।

যদি আপনার পিনযুক্ত ট্যাবগুলি কখনই অবস্থান পরিবর্তন করে না, তবে আপনি প্রথম ট্যাবের আইকনটি পরিবর্তন করতে এরকম কিছু চেষ্টা করতে পারেন:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"]:nth-child(1) .tab-icon-image {
    list-style-image: url(https://www.mozilla.org/favicon.ico);
}

Comments

দুর্দান্ত লেখার জন্য, অনেক ধন্যবাদ। (স্টাইলিশ সহ) ঠিক বিজ্ঞাপন হিসাবে কাজ করে, অন্য অ্যাড-অনের প্রয়োজন নেই।

— লেবেণিতা

এটি কি ক্রোমের সাথে কাজ করা সম্ভব?

— কঙ্কালন বো