ক্লিক না করা পর্যন্ত সাফারি সমস্ত চিত্র অস্পষ্ট করুন


4

আমি জানি যে 'বিকাশ' মেনুটি আমাকে সাফারিতে সমস্ত চিত্র ব্লক করতে দেয়, তবে আমার আরও কয়েকটি প্রয়োজনীয়তা রয়েছে:

  • অস্পষ্ট, ব্লক নয়, সমস্ত ওয়েবপৃষ্ঠা থেকে সমস্ত চিত্র
  • অস্পষ্ট চিত্রগুলি দেখানোর জন্য ক্লিক করুন

আমি ডিফল্টরূপে চিত্রগুলি দেখতে পছন্দ করি না, তবুও সেগুলি নির্বাচিতভাবে 'আনহাইড' করার ক্ষমতা ধরে রাখতে চাই। চিত্রটি অস্পষ্ট করা বাছাই প্রক্রিয়াটিকে (যার মধ্যে প্রদর্শিত হবে) অনেক সহজ করে তোলে।

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

বোনাস হিসাবে, যদি কোনও চিত্র বা সাইটগুলির সেটকে সাদা তালিকাবদ্ধ করার কোনও উপায় থাকে (যেমন: স্ট্যাকেক্সচেঞ্জে ভোটদান বোতাম), এটি দুর্দান্ত great


1
এই ক্রোম এক্সটেনশনটি কাছাকাছি আসে (অস্পষ্ট হয় না, তবে রঙিন বাক্সগুলিকে দেখায়)।
শ্রীধর রত্নাকুমার

উত্তর:


9

নিম্নলিখিত পন্থাটি খুব কাছাকাছি আসে, তবে এটি পটভূমি হিসাবে সেট করা চিত্রগুলিকে আবরণ করে না (না এটি করতেও পারে না)। এটি পৃষ্ঠা লোডিংটি কিছুটা কমিয়ে দেবে।

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

img {
  -webkit-filter: blur(10px);
}
img:active {
  -webkit-filter: blur(0px);
}

'এগুলিতে প্রযোজ্য:' নির্বাচন করুন বিশ্বব্যাপী (যদি আপনি চান তবে আপনি এটি নির্দিষ্ট ইউআরএল, ইউআরএল উপসর্গ, ডোমেন ইত্যাদিতে সংকীর্ণ করতে পারেন) এর অধীনে এটি সক্ষম করতে স্টাইলটি সংরক্ষণ করুন।

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

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


এটি দুর্দান্ত, এবং এটি কার্যকর। তবে, যেমন আপনি উল্লেখ করেছেন, আমি যখন এটি করি তখন পারফরম্যান্সটি বেশ খারাপ। উদাহরণস্বরূপ, কোনও নতুন ট্যাবে reddit.com সম্মুখ পৃষ্ঠার পরে, কেবলমাত্র সেই ট্যাবটির সিপিইউ ব্যবহার আধুনিক ম্যাকবুক প্রোতে 25-40% হয়ে গেছে। পৃষ্ঠাগুলি লোড করাও স্বচ্ছন্দ বোধ করে।
শ্রীধর রত্নাকুমার

এফডাব্লুআইডাব্লু, স্টাইলিশ ছাড়াই এটি করা (নিচে @ মরখান্টে) পারফরম্যান্সে কোনও সহায়তা করেনি। সম্ভবত আমরা এই ব্লগের প্রয়োজনীয়তা নিয়ে আপত্তি জানাতে পারি CSS এর মাধ্যমে এই ক্রোম এক্সটের মতো চিত্রগুলিকে অনন্য নিদর্শনগুলি (কোনও কিছুর ঝাপসা নেই) প্রতিস্থাপন করে ?
শ্রীধর রত্নকুমার

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

@ টিট - হ্যাঁ, opacityকর্মক্ষমতা খারাপ হয় না - যদিও চিত্রটির বিবরণ গোপন করার ক্ষেত্রে অস্পষ্টতা আদর্শ। উত্তরের জন্য ধন্যবাদ.
শ্রীধর রত্নকুমার

6

এটি আপনার উত্তর @ যোগ করার একটি যোগ হয়।

তৃতীয় পক্ষের অ্যাপ্লিকেশন বা কোনও বিকাশকারী আইডি ছাড়াই আপনি তাদের উত্তরে সিএসএস কোড যুক্ত করতে পারেন।

একটি টেক্সট ফাইলে প্লেইন পাঠ্য হিসাবে কোডটি আটকানো একটি .css ফাইল তৈরি করুন। এটি করতে আপনি TextEdit.app ব্যবহার করতে পারেন। ফাইলটি .css হিসাবে সংরক্ষণ করুন

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

তারপরে সাফারিতে পছন্দসমূহ> উন্নত ট্যাবে পেল। এবং স্টাইল শীট বিকল্পের ড্রপ ডাউন মেনু> অন্যান্য .. ব্যবহার করে নেভিগেট করুন এবং আপনার ফাইলটি নির্বাচন করুন।

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

সাফারি তত্ক্ষণাত স্টাইল শীটটি বেছে নেবে এবং এটি ব্যবহার শুরু করবে।


@klanomath। মিস ক্রেডিট ধরার জন্য ধন্যবাদ। :-)
মার্খুন্তে

ভাল ধরা, আমি এটা জানতাম না। এই সম্ভাবনাটি প্রতিফলিত করার জন্য আমি (সংক্ষেপে) আমার উত্তর সম্পাদনা করেছি।
তুমি

আমি অনুমান করি যে এই সহজ সমাধানটির একটি নেতিবাচক দিকটি হ'ল এটি কোনও পছন্দ ছাড়াই (হোয়াইটলিস্ট / ব্ল্যাকলিস্টের মাধ্যমে) সমস্ত ওয়েবসাইটগুলিতে জোর করে সিএসএস প্রয়োগ করে।
শ্রীধর রত্নাকুমার

2

img:hover { opacity: 1; }

এটি আপনাকে চিত্রটি প্রদর্শিত হতে পারে কেবল মাউস করার অনুমতি দেয়। এটি সংস্থানগুলির উপর ন্যূনতম প্রভাব ফেলে এবং আপনার কোনও সমস্যা নেই যেখানে কোনও চিত্রে ক্লিঙ্কিং এমন কোনও ক্রিয়া সম্পাদন করে যা আপনি চান না।


+1 সবেমাত্র img যুক্ত করতে ফিরে আসছিল: হোভার যা সেই অ্যাকটিভের আরও ভাল কাজ করে। এবং দেখুন আপনি এখানে এটি একই কারণে যুক্ত করতে
যাচ্ছিলেন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.