دریافت اطلاعات مرورگر با استفاده از جاوا اسکریپت
سازگاری مرورگرها
مهم است که تفاوت های بین مرورگرهای مختلف را درک نماییم تا بتوانیم هر کدام از این مرورگرها را به نحوی که انتظار می رود ، مدیریت کنیم. از این رو ، مهم است بدانیم که کدام مرورگر صفحه وب ما را اجرا می نماید.
برای دریافت اطلاعات در مورد مرورگری که صفحه وب ما در حال اجرا در آن است ، از شیء داخلی navigator استفاده می کنیم.
خصیصه های شیء Navigator
چند خصیصه مرتبط با شیء Navigator وجود دارند که می توانیم در صفحه وب خود استفاده کنیم. در جدول زیر لیستی از اسامی و شرح هر از این خصیصه ها ارائه شده است.
ردیف |
خصیصه ها و توضیحات |
1 |
appCodeName این خصیصه یک رشته است که شامل نام کد مرورگر ، Netscape برای مرورگر Netscape و Microsoft Internet Explorer برای مرورگر Internet Explorer است. |
2 |
appVersion این خصیصه یک رشته است که حاوی ورژن مرورگر و هم چنین سایر اطلاعات مفید مانند زبان و سازگاری آن است. |
3 |
language این خصیصه شامل دو حرف اختصاری برای زبان است که توسط مرورگر استفاده می شود. فقط مربوط به Netscape است. |
4 |
[ ] mimTypes این خصیصه یک آرایه است که حاوی تمام انواع MIME پشتیبانی شده توسط کلاینت است. فقط مربوط به Netscape است. |
5 |
[ ] Platform این خصیصه یک رشته است که حاوی پلتفرمی است که مرورگر در آن کامپایل شده است. "Win32" برای سیستم عامل های 32 بیتی ویندوز. |
6 |
[ ] plugins این خصیصه یک آرایه است که حاوی تمام افزونه هایی (plug-in) است که در کلاینت نصب شده اند. فقط مربوط به Netscape است. |
7 |
[ ] userAgent این خصیصه یک رشته است که شامل نام کد و ورژن مرورگر است. این مقدار برای شناسایی کلاینت به سرور مبدأ ارسال می شود. |
متدهای شیء Navigator
چند متد مختص شیء Navigator وجود دارد. در اینجا ، لیستی از اسامی و شرح این متدها ارائه می شود.
ردیف |
متدها و توضیحات |
1 |
() javaEnabled این متد تعیین می کند که آیا جاوا اسکریپت در سمت کلاینت فعال است. اگر جاوا اسکریپت فعال باشد ، این متد مقدار true را باز می گرداند ؛ در غير اين صورت ، مقدار false را باز می گرداند. |
2 |
Plugings.refresh این متد باعث می شود پلاگین هایی که تازه نصب شده اند را در دسترس قرار داده و آرایه پلاگین ها را با تمام نام پلاگین های جدید به اشتراک بگذارد. فقط مربوط به Netscape است. |
3 |
(Preference (name,value این متد به یک اسکریپت علامت دار اجازه می دهد برخی تنظیمات Netscape را دریافت و تنظیم کند. اگر پارامتر دوم حذف شود ، این متد مقدار تنظیمات مشخص شده را برمی گرداند ؛ در غير اين صورت ، مقدار آن را تعيين مي کند. فقط مربوط به Netscape است. |
4 |
() taintEnabled اگر data tainting فعال شود ، این متد مقدار true را باز می گرداند ؛ در غیر این صورت مقدار false را باز می گرداند. |
تشخیص مرورگر
یک کد جاوا اسکریپت ساده وجود دارد که می تواند برای پیدا کردن نام یک مرورگر استفاده شود و سپس بر اساس آن ، می تواند یک صفحه HTML را برای کاربر به خدمت گیرد.
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type="text/javascript">
<!--
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>
خروجی
این فصل در یک نگاه:
در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.…
با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…این فصل در یک نگاه:
نود جی اس چیست؟-اموزش نصب نود جی اس-کار با فایل در نود جی اس-کار با پکیج http در نود جی اس-اموزش کار با npm manager -امو…
توضیحات کلی مجموعه: آموزش صفر تا صد برنامه نویسی nodejs(سورس کدها به همراه اموزش قسمت اخر می باشد) دراین دوره از ابتدا تا سطح حرفه ای نود جی اس رو به کاربران عزیز کلیک سایت اموزش میدیم تا …این فصل در یک نگاه:
در این فصل پروژه ای را انجام خواهی داد که مباحث قبلی را تثبیت کنیمهم چنین مباحث جدید را یاد خواهیک گرفت از جمله:برنامه ر…
با سلام به حرفه ای ترین دوره ی js خوش آمدید این دوره با دو هدف طراحی و ضبط شده است 1-برای افرادی که قصد یادگیری حرفه ای js را دارند(به زودی قسمت های جدید برای این افراد اضافه خواهد شد) 2…این فصل در یک نگاه:
معرفی سنسور ها و قطعات خروجی…
توضیحات کلی مجموعه: ... با سلام خدمت شما کلیک سایتی های عزیز با جذاب ترین و کامل ترین دوره آموزش الکترونیک در خدمت شما هستیم. گاهی اوغات ایده ها یا اختراعی در حوزه الکترونیک به ذهن شما میرس…این فصل در یک نگاه:
در این فصل به بروزرسانی های جاوااسکریپت پرداخته می شود…
توجه: این دوره دائما توسط مهندس روشنایی (مدرس دوره) بروز گردیده و مطابق با آخرین استانداردهای برنامه نویسی آپدیت می شود. توجه فرمائید دریافت آپدیت ها برای خریداران قبلی رایگان می باشد و نیاز…این فصل در یک نگاه:
فصل سوم…
آموزش طراحی ریسپانسیو مدرن و جذابتر نسبت به بوتسرپ (همراه با ساخت صفحه اصلی و پنل یک آژانس مسافربری) آموزش پروژه محور فریمورک متریالایز برای اولین بار بین وب سایت های آموزشی آموزش تمامی …این فصل در یک نگاه:
ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…
این مجموعه با تلفیقی از فریمورک bootstrap و کد های html و css ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…این فصل در یک نگاه:
…
در این دوره آموزشی، وبسایت ورزش3 را با استفاده از ASP.NET Core پیاده سازی می کنیم و همچنین اپ اندروید آن را هم با Xamarin متصل به سرور سایت طراحی و در نهایت نحوه انتشار آن در مارکت هایی مثل …این فصل در یک نگاه:
در اصل فصل در مورد performance صحبت خواهیم کرد :-React Performance-Lazy-Error Boundaries و سایت را بر روی هاست واقعی قرا…
با سلام خدمت کلیک سایتی های عزیز، به دوره ی صفر تا صد طراحی سایت با react js خوش آمدید. نکته:این دوره کاملا پروژه محور میباشد نکته:این دوره هیچ پیش نیازی ندارد ReactJS چیست؟ ReactJS اس…این فصل در یک نگاه:
در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…
در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…این فصل در یک نگاه:
…
پیشنهاد میکنیم دمو دوره رو حتما مشاهده کنید با سلام خدمت دوستان عزیز . ابتدا عرض کنم که این دوره برای دوستانی آماده شده که میخوان وب اپلیکیشن های مدرنی رو طراحی بکنن و وارد بازار کار ط…این فصل در یک نگاه:
ایجاد پروژه آژانس مسافرتی.....…
فصل اول: آشنایی با مبانی برنامه نویسی اندروید آشنایی با معماری برنامه های اندرویدی ساخت شبیه ساز جهت تست پروژه اندروید آشنایی با دستور Toast و حلقه for در برنامه های اندروی…این فصل در یک نگاه:
بهترین و پر بازده ترین روش تبدیل بازدیدکننده سایت به مشتری تبلیغات هدفمند و برند سازی هوشمندانه با ایمیل می باشد. ایمیل…
وبینار(سمینار آنلاین) آموزش تکنیک های ایمیل مارکتینگ اگر تا انتها این متن را مطالعه کنید نظر شما در مورد ایمیل مارکتینگ 180 درجه عوض می شود!! بر هیچکس پوشیده نیست که از سال 1972 که ای…این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …