সিএসএসের মাধ্যমে মাইক্রোসফ্ট এজ ব্রাউজারকে কীভাবে সনাক্ত করবেন?

Question

আমি ওয়েব অ্যাপ্লিকেশন বিকাশ করছি এবং অনন্য স্টাইলিং প্রয়োগ করতে আমার অন্যের থেকে আলাদা করে মাইক্রোসফ্ট এজের ব্রাউজারটি সনাক্ত করতে হবে। সিএসএস ব্যবহার করে এজকে সনাক্ত করার কোনও উপায় আছে কি? যেমন,

<!--[if IE 11]>
Special instructions for IE 11 here
<![endif]-->

Comments

কেন আপনি যে কাজ করতে চান?

আপনার অবশ্যই এটি করার দরকার নেই। কেন আপনি এটি করতে চেষ্টা করছেন?

— প্যাট্রিক

এটি অবশ্যই আপনার প্রয়োজন হতে পারে is লেখার সময়, এজ এখনও এমন কিউরিকস পূর্ণ যা আইই সহ প্রতিটি অন্যান্য ব্রাউজারে কাজ করে বৈধ সিএসএসকে মারাত্মকভাবে জড়িয়ে ফেলবে।

— আইনজীবী

দ্রষ্টব্য: উদাহরণে ব্যবহৃত শর্তাধীন মন্তব্যগুলি কেবল আইই 9 এবং নীচে কাজ করে, সুতরাং [যদি আইই 11] আসলে কাজ করবে না।

— সান ম্যাকমিলান

Answer 1

/ * মাইক্রোসফ্ট এজ ব্রাউজার 12-18 (ক্রোমিয়ামের আগে সমস্ত সংস্করণ) * /

এই এক কাজ করা উচিত:

@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}

আরও দেখুন: ব্রাউজার স্ট্রেঞ্জনেস

Comments

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

— চার্লস মরিস - এমএসএফটি

কেবল এটি আবার পরীক্ষা করা হয়েছে এবং এটি অবশ্যই কাজ করে। ডেমো: jsfiddle.net/pd142446

— কিটমিডিয়া

@ চার্লস মরিস-এমএসএফটি আমি আপনার সাথে একমত হই না, তবে এমন কিছু ঘটনা ঘটে যখন আমাদের কেবল এটি করা দরকার। উদাহরণস্বরূপ, পয়েন্টার-ইভেন্টগুলি: কিছুই নয়; আইই 11 এবং অন্যান্য সমস্ত ব্রাউজারে সূক্ষ্ম কাজ করে তবে এজতে কাজ করা বন্ধ করে দেয়। আমি আশা করি তারা -ms উপসর্গটি শেষ করার সাথে সাথে তারা সেই সমস্যাগুলিও ঠিক করবে যা আমাদের প্রথমে বিভিন্ন সিএসএস ব্যবহার করতে বাধ্য করেছিল। এই ক্ষেত্রে বৈশিষ্ট্য সনাক্তকরণ সত্যই সহায়তা করবে না, কারণ সমস্ত বৈশিষ্ট্য রয়েছে, তবুও এজ কিছু জিনিস ভেঙে দিয়েছে যা শেষ পর্যন্ত ঠিক করা হয়েছে 11। কিটমিডিয়া চমৎকার উত্তর, ধন্যবাদ।

— এমিল বোরকোনি

এই হ্যাকটি আর কাজ করে না, তবে এটি @ সমর্থন করে (-ms-ime-align: Auto) se .পরিচয়কারী {সম্পত্তি: মান; }}

— রফার্স 4:48

@ কিটমিডিয়াদি 14 ইজেডে সরানো হয়েছে

— এলজে ওয়াদোভস্কি

Answer 2

/* Microsoft Edge Browser 12-18 (All versions before Chromium) - one-liner method */

_:-ms-lang(x), _:-webkit-full-screen, .selector { property:value; }

এটি দুর্দান্ত কাজ করে!

// for instance:
_:-ms-lang(x), _:-webkit-full-screen, .headerClass 
{ 
  border: 1px solid brown;
}

https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/

Comments

@ r3wt _:-ms-lang(x), _:-webkit-full-screen,- কেবলমাত্র এমএস এজ সেই নিয়মটিকে "বোঝে", অন্য ব্রাউজারগুলি এটিকে উপেক্ষা করে। নিয়মটি এইচটিএমএল উপাদানের শ্রেণি বা আইডি নাম দ্বারা অনুসরণ করা হয় এবং তাই এটিতে প্রয়োগ করা হয়। অন্য কথায়, যদি কেবলমাত্র এজ ব্রাউজারে কোনও এইচটিএমএল উপাদানটিতে কোনও সিএসএস কোড প্রয়োগ করা প্রয়োজন, তবে আপনার উপাদানটির শ্রেণি / আইডি এর আগে সেই বিশেষ নিয়মটি ঠিক রেখে দিন।

— কোডগাস্ট

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

— এজরা

@ r3wt যদি কোনও নির্বাচক অবৈধ হয় তবে পুরো নিয়ম গোষ্ঠীটিকে উপেক্ষা করা হবে। চিত্রিত এখানে css-tricks.com/…

— কোডগাস্ট

@ r3wt আপনাকে ধন্যবাদ! :) আপনি আমাকে সেই বিবরণ লিখতে উত্সাহিত করেছিলেন যা প্রাথমিকভাবে উত্তরের অংশ হওয়া উচিত ছিল

— কোডগাস্ট

@ আলেকজান্ডারকাজাকভ সম্ভবত, এটি হ'ল কারণ সর্বশেষতম এজটি ক্রোমিয়াম ইঞ্জিন (?) এর উপর ভিত্তি করে আপনি কোন সংস্করণ পেয়েছেন?

— কোডগাস্ট

Answer 3

এজের জন্য আরও নির্ভুল (সর্বশেষ আইই 15 অন্তর্ভুক্ত করবেন না):

@supports (display:-ms-grid) { ... }

@supports (-ms-ime-align:auto) { ... } সমস্ত এজ সংস্করণে (বর্তমানে আই 1515 পর্যন্ত) কাজ করে।

Answer 4

For Internet Explorer 

@media all and (-ms-high-contrast: none) {
        .banner-wrapper{
            background: rgba(0, 0, 0, 0.16)
         }
}

For Edge
@supports (-ms-ime-align:auto) {
    .banner-wrapper{
            background: rgba(0, 0, 0, 0.16);
         }
}