آموزش سازگاری مرورگرها در جاوا اسکریپت

4 سال پیش

امتیاز دهید post

آموزش سازگاری مرورگرها در جاوا اسکریپت

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش سازگاری مرورگرها در جاوا اسکریپت خواهیم پرداخت.

درک تفاوت بین مرورگرهای مختلف مهم است تا بتوانید هرکدام را به روشی که انتظار می رود کنترل کنید. بنابراین مهم است که بدانید صفحه وب شما در کدام مرورگر اجرا می شود.

برای به دست آوردن اطلاعات در مورد مرورگری که صفحه وب شما در حال اجرا است ، از شی ناوبری توکار استفاده کنید.

ویژگی های ناوبر

چندین ویژگی مرتبط با Navigator وجود دارد که می توانید در صفحه وب خود استفاده کنید. در زیر لیستی از نام ها و توضیحات هر یک آورده شده است.

appCodeName

این ویژگی رشته ای است که حاوی نام کد مرورگر ، Netscape برای Netscape و Microsoft Internet Explorer برای Internet Explorer است.

appVersion

این ویژگی رشته ای است که حاوی نسخه مرورگر و همچنین سایر اطلاعات مفید مانند زبان و سازگاری آن است.

language

این ویژگی شامل دو حرف مخفف زبان است که توسط مرورگر استفاده می شود. فقط نت اسکیپ

[]mimTypes

این ویژگی آرایه ای است که شامل همه انواع MIME پشتیبانی شده توسط مشتری است. فقط نت اسکیپ

[]platform

این ویژگی رشته ای است که حاوی پلتفرمی است که مرورگر برای آن کامپایل شده است. “Win32” برای سیستم عامل های 32 بیتی ویندوز

[]plugins

این ویژگی آرایه ای است که شامل تمام افزونه هایی است که روی سرویس گیرنده نصب شده است.

[]userAgent

این ویژگی رشته ای است که حاوی نام کد و نسخه مرورگر است. این مقدار برای شناسایی مشتری به سرور مبدا ارسال می شود.

متد های ناوبری

چندین متد خاص Navigator وجود دارد. در اینجا لیستی از نام و توضیحات آنها آورده شده است.

()javaEnabled

این روش تعیین می کند که آیا JavaScript در مشتری فعال است یا خیر. اگر JavaScript فعال باشد ، این روش درست برمی گردد. در غیر این صورت ، نادرست برمی گردد.

plugings.refresh

این روش افزونه های تازه نصب شده را در دسترس قرار می دهد و آرایه پلاگین ها را با تمام نام های پلاگین جدید پر می کند.

preference(name,value)

این روش به یک اسکریپت امضا شده اجازه می دهد برخی تنظیمات Netscape را دریافت و تنظیم کند. اگر پارامتر دوم حذف شود ، این روش مقدار اولویت مشخص شده را برمی گرداند. در غیر این صورت ، مقدار را تعیین می کند. فقط نت اسکیپ

()taintEnabled

اگر رنگ آمیزی داده فعال باشد ، این روش درست برمی گردد. در غیر این صورت نادرست است.

تشخیص مرورگر

یک جاوا اسکریپت ساده وجود دارد که می تواند برای یافتن نام یک مرورگر مورد استفاده قرار گیرد و بنابراین یک صفحه HTML می تواند به کاربر ارائه شود.

&lt;html&gt;   
   &lt;head&gt;
      &lt;title&gt;Browser Detection Example&lt;/title&gt;
   &lt;/head&gt;
   
   &lt;body&gt;      
      &lt;script type = "text/javascript"&gt;
         &lt;!--
            var userAgent   = navigator.userAgent;
            var opera       = (userAgent.indexOf('Opera') != -1);
            var ie          = (userAgent.indexOf('MSIE') != -1);
            var gecko       = (userAgent.indexOf('Gecko') != -1);
            var netscape    = (userAgent.indexOf('Mozilla') != -1);
            var version     = navigator.appVersion;
            
            if (opera) {
               document.write("Opera based browser");
               // Keep your opera specific URL here.
            } else if (gecko) {
               document.write("Mozilla based browser");
               // Keep your gecko specific URL here.
            } else if (ie) {
               document.write("IE based browser");
               // Keep your IE specific URL here.
            } else if (netscape) {
               document.write("Netscape based browser");
               // Keep your Netscape specific URL here.
            } else {
               document.write("Unknown browser");
            }
            
            // You can include version to along with any above condition.
            document.write("&lt;br /&gt; Browser version info : " + version );
         //--&gt;
      &lt;/script&gt;      
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>Browser Detection Example</title>

</head>

<body>

<!--

var userAgent = navigator.userAgent;

var opera = (userAgent.indexOf('Opera') != -1);

var ie = (userAgent.indexOf('MSIE') != -1);

var gecko = (userAgent.indexOf('Gecko') != -1);

var netscape = (userAgent.indexOf('Mozilla') != -1);

var version = navigator.appVersion;

if (opera) {

document.write("Opera based browser");

// Keep your opera specific URL here.

} else if (gecko) {

document.write("Mozilla based browser");

// Keep your gecko specific URL here.

} else if (ie) {

document.write("IE based browser");

// Keep your IE specific URL here.

} else if (netscape) {

document.write("Netscape based browser");

// Keep your Netscape specific URL here.

} else {

document.write("Unknown browser");

}

// You can include version to along with any above condition.

document.write("<br /> Browser version info : " + version );

//-->

</script>

</body>

</html>

خروجی

Mozilla based browser
Browser version info : 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.72 Safari/537.36

1 2	Mozilla based browser Browser version info : 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.72 Safari/537.36

منبع.

لیست جلسات قبل آموزش جاوا اسکریپت

امتیاز دهید post

نویسنده مطلب saber

آموزش سازگاری مرورگرها در جاوا اسکریپت

آموزش سازگاری مرورگرها در جاوا اسکریپت

ویژگی های ناوبر

متد های ناوبری

تشخیص مرورگر

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

بدون دیدگاه

آموزش سازگاری مرورگرها در جاوا اسکریپت

ویژگی های ناوبر

متد های ناوبری

تشخیص مرورگر

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه