IR680630201903310391767001 آینده به شما نزدیک است - آشنایی با Developer Tools اینترنت اکسپلورر 9
ترفندستان ● مرجع اخبار و اطلاعات کامپیوتری ، اینترنت ، موبایل و آنچه شما بخواهید
تاریخ : پنجشنبه 23 شهریور 1391
نویسنده : Mohsen Jamshidi Zarmehri

به بررسی بسیاری از ویژگی‌ها و امکانات اینترنت‌اکسپلورر ۹ پرداخته و گفتیم که بسیاری از امکانات و تنظیمات متداول که باید هنگام کار با IE9 در دسترس باشد، در منوی Tools گردآوری شده و می‌توان با کلیک روی آیکون چرخ‌دنده در بالا و سمت راست پنجره‌ IE9 به آنها دسترسی پیدا کرد.

پیش از این درباره‌ بسیاری از امکانات موجود در این منو صحبت کردیم و در این شماره نیز به بررسی اجمالی ابزار F12 developer tools خواهیم پرداخت.

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

این ابزار را می‌توانید با فشردن کلید F12 فعال کنید. البته پنجره‌ Developer tools را می‌توانید به صورت Pin شده در قسمت پایین پنجره‌ IE9 برای سایت دلخواهتان داشته باشید و آن را به صورت یک پنجره‌ مجزا ببینید. برای این منظور کافی است از کلید ترکیبی Ctrl+P استفاده کنید. البته این کلید ترکیبی فقط هنگامی درست کار می‌کند که
Developer tools در حالت انتخاب باشد؛ در غیر این صورت برگه‌ Print باز می‌شود! برای Minimize کردن این ابزار در پایین پنجره‌
IE9 نیز می‌توانید از کلید ترکیبی Ctrl+M استفاده کنید.

پنجره‌ Developer Tools به 2 قسمت مجزا تقسیم شده ‌است و از طریق سربرگ‌های مختلف موجود در سمت چپ این پنجره (موسوم به Code level tools) مـــی‌توانـــید کدهای HTML ، CSSهای استفاده شده، Scriptها و ... را برای صفحه‌ وب مشاهده کنید. البته باید بدانید کدهایی که در این قسمت مشاهده می‌شود، کدهای موجود در منبع وب‌سایت یا Source code نیست، بلکه آن چیزی است که IE9 تفسیر کرده‌ است!

بررسی جزء‌به‌جزء این سربرگ‌ها نه‌تنها برای کاربران عادی کاربردی نیست، بلكه می‌تواند دردسرساز هم باشد؛ می‌توانید کدهای موجود در قسمت HTML را تغییر دهید و نتیجه‌ آن را خودتان مشاهده کنید! اما استفاده از این کدها برای سرگرمی بد نیست! به عنوان مثال می‌توانید یکی از عبارات موجود در سایت مایکروسافت را به نام خودتان تغییر دهید، لینک‌های موجود در صفحات را عوض کنید، رنگ‌بندی و اندازه فونت‌ها را به هم بریزید و ... و در نهایت این تغییرات را در قالب یک فایل HTML ذخیره کنید.

اما در میان این شش سربرگ، برگه‌ Network می‌تواند برای بررسی حجم قسمت‌های مختلف یک وب‌سایت و میزان دریافت و ارسال اطلاعات به آن برایتان مفید باشد. به این برگه بروید و روی دکمه‌ Start capturing کلیک کنید و کار با صفحه‌ وب جاری را ادامه دهید. در این صورت اطلاعات بسیار مفیدی را به دست خواهید آورد. از جمله مقدار دیتایی که ارسال یا دریافت کرده‌اید، صفحات و برنامه‌‌هایی که در خلال کار، با آنها سروکار داشته‌اید و زمان بارگذاری هر کدام و ... . در قسمت پایین برگه نیز مجموع ترافیک ارسال و دریافت شده را مشاهده می‌کنید.

در نوار ابزار پنجره‌ Developer tools چند ابزار کاربردی برای کاربران عادی وجود دارد.

اگر در کدهای HTML یا قسمت‌های دیگر تغییری ایجاد کرده‌اید و نتیجه آن برایتان خوشایند نیست، می‌توانید از منوی File، گزینه‌ Undo all را انتخاب کنید تا همه چیز به حالت اول بازگردد.

در منوی Disable باغـــــیرفعال‌کردن Pop-up blocker مانع بازشدن صفحات Pop-up می‌شود!

اگر در منوی View روی گزینه‌ Link paths کلیک کنید، می‌توانید نشانی تمام لینک‌های موجود در صفحه‌ وب را مشاهده و حتی آنها را انتخاب و در جای دیگر کپی کنید. همین طور می‌توانید روی گزینه‌ Link Reports کلیک کنید تا جزئیات لینک‌های موجود در صفحه‌ وب جاری به صورت یکجا و در قالب یک صفحه‌ xml به شما نمایش داده شود.

در منوی Image گزینه‌های کاربردی مختلفی وجود دارد. می‌توانید با انتخاب گزینه ‌Disable images، صفحه‌ وب جاری را عاری از تصاویر کنید! به این ترتیب در برخی موارد می‌توانید سرعت بازشدن صفحات وبی را که فقط به متن آنها احتیاج دارید، افزایش دهید. در همین حال با فعال‌کردن گزینه‌ Show image dimensions می‌توان ابعاد تصاویر را بر حسب Pixel روی آنها مشاهده کرد. فعال کردن گزینه‌های Show image file size و Show image path به ترتیب حجم عکس برحسب Byte و نیز نشانی اینترنتی را روی تصاویر نمایش خواهد داد. می‌توانید نشانی تصاویر را بسادگی کپی‌کرده و در جای دیگر از آنها استفاده کنید!

منوی بعدی در نوار ابزار پنجره Developer Tools ،Cache است. اگر می‌خواهید Cache یک دامنه‌ اینترنتی را بدون حذف کامل Cache اینترنت اکسپلورر پاک کـــنید، مـــــی‌توانید از این منو گزینه‌ Clear browser cache for this domain را انتخاب کنید.

گزینه‌ کاربردی دیگر، Resize است که در منوی Tools قرار دارد. از طریق این گزینه می‌توانید بدون تغییر در Resolution نمایشگر، ابعاد پنجره‌ IE را بر حسب یکی از Resolutionهای متداول تنظیم کنید. همچنین می‌توانید با فعال‌کردن گزینه‌ Show ruler، خط‌کشی برحسب Pixel در اختیار داشته باشید و فاصله‌ نقاط موجود در صفحه‌ وب را برحسب Pixel به دست آورید که برای طراحی صفحات وب جدید می‌تواند برایتان کاربرد بسیاری داشته باشد.

اگر کمی با کدهای HTML آشنایی داشته باشید، می‌دانید که رنگ‌ها در صفحات وب با کد مشخص استفاده می‌شود. ممکن است در یک صفحه‌ وب یک رنگ را بپسندید و بخواهید در صفحاتی که طراحی می‌کنید از آن بهره ببرید. برای پیدا کردن کد رنگ‌های به کار رفته در صفحه‌ وب جاری که مشاهده می‌کنید می‌توانید ابزار Show color picker را در منوی Tools مورد استـــفاده قرار دهید و کافی است Color picker را روی صفحه حرکت دهید تا کد رنگ آن قسمت را ببینید.

شاید کاربردی‌ترین گزینه‌ Developer tools برای کاربران عادی، Browser mode باشد. حتما تا به حال حین کار با IE9 با وب‌سایت‌های به هم ریخته برخورد داشته‌اید. در این گونه موارد، معمولا استفاده از Compatibility view مشکل را حل می‌کند، اما اگر مشکل حل نشد چه؟! می‌توانید Browser mode را از این قسمت تا IE7 پایین بیاورید و مشکل را حل کنید! در همین قسمت می‌توانید Compatibility view را برای IE9 فعال کنید.

برای فعال کردن Compatibility view در حالت عادی نیاز نیست که حتما به این قسمت بیایید، می‌توانید از نوار ابزار IE9 و از منوی Tools آن را فعال کرده یا روی آیکونی که به شکل یک کاغذ پاره شده ‌است در نوار نشانی IE9 کلیک کنید. درباره نحوه‌ کار با این قسمت و چگونگی اعمال تغییر در تنظیمات آن در شماره‌های آینده صحبت خواهیم کرد.





موضوعات مرتبط: اینترنت , مرورگر ,
می توانید دیدگاه خود را بنویسید
cialis kaufen bankberweisung شنبه 1 تیر 1398 10:31 ق.ظ

You said it nicely..
generic cialis pill online cialis canadian drugs cialis cipla best buy cialis generic tadalafil 20mg cialis uk next day tadalafil 20mg precios cialis peru cialis 10mg prix pharmaci cialis 20mg prix en pharmacie
http://alagiv.strikingly.com/ پنجشنبه 30 خرداد 1398 06:41 ق.ظ

Kudos! Lots of advice!

discount cialis cialis 20 mg best price cialis cost generico cialis mexico free generic cialis cialis australian price cialis 30 day sample opinioni cialis generico tesco price cialis cialis 200 dollar savings card
can you buy cialis in hong kong چهارشنبه 29 خرداد 1398 03:50 ب.ظ

Nicely voiced truly! !
dose size of cialis prices for cialis 50mg cialis tablets for sale buy cialis online nz generic low dose cialis cialis flussig buy brand cialis cheap warnings for cialis cialis coupons printable cialis for sale in europa
http://longwerpvi.strikingly.com/ سه شنبه 28 خرداد 1398 11:21 ب.ظ

Really tons of beneficial advice!
prix cialis once a da cialis australia org viagra vs cialis vs levitra cialis ahumada canadian drugs generic cialis cialis rezeptfrei buy cialis online acheter du cialis a geneve how much does a cialis cost interactions for cialis
http://pratrekcent.strikingly.com/ دوشنبه 27 خرداد 1398 10:00 ق.ظ

You stated that exceptionally well.
cialis generique 5 mg cialis 05 dosagem ideal cialis only best offers 100mg cialis cialis super acti cialis super acti try it no rx cialis brand cialis generic preis cialis 20mg schweiz we choice cialis pfizer india
http://niseache.strikingly.com/ یکشنبه 26 خرداد 1398 08:30 ب.ظ

Wow lots of excellent facts!
cilas cialis generic availability cialis price thailand cialis 100 mg 30 tablet cialis tadalafil we recommend cialis info comprar cialis navarr cialis 20 mg cut in half rezeptfrei cialis apotheke cialis kamagra levitra
Cialis prices شنبه 25 خرداد 1398 01:49 ق.ظ

Many thanks! Terrific stuff.
cialis generique 5 mg tadalafil 20 mg click here to buy cialis cialis lilly tadalafi cialis mit grapefruitsaft no prescription cialis cheap rezeptfrei cialis apotheke generic cialis in vietnam cialis patentablauf in deutschland cialis flussig
http://faisiefo.strikingly.com/ جمعه 24 خرداد 1398 11:34 ق.ظ

You actually suggested that really well.
cialis from canada online cialis cialis side effects price cialis wal mart pharmacy acheter cialis meilleur pri does cialis cause gout pastillas cialis y alcoho enter site very cheap cialis only best offers 100mg cialis free generic cialis
http://cialisvie.com/ دوشنبه 20 خرداد 1398 01:49 ب.ظ

This is nicely put. .
generic cialis pill online i recommend cialis generico cialis prices cialis 30 day trial coupon calis the best choice cialis woman cialis 5mg cialis prices cialis baratos compran uk cialis generic tadalafil buy
http://canadianpharmacyes.com/ پنجشنبه 22 فروردین 1398 03:09 ق.ظ

You mentioned that terrifically!
canadian prescription drugstore Northwest Pharmacy buy viagrow pro canadian online pharmacies canadian rx best canadian pharmacies online most reliable canadian pharmacies good canadian online pharmacies northwest pharmacies online canadian pharmaceuticals reviews
buy tadalafil no prescription پنجشنبه 15 آذر 1397 09:56 ق.ظ

You stated this wonderfully.
dosagem ideal cialis get cheap cialis cialis generisches kanada cialis uk cialis coupon cialis rckenschmerzen cialis ahumada fast cialis online cialis 100mg suppliers cialis efficacit
Buy cialis سه شنبه 13 آذر 1397 04:06 ق.ظ

Cheers! Terrific information.
buy cialis cheap 10 mg generic cialis at the pharmacy wow cialis 20 cialis tadalafil cialis online napol sublingual cialis online tadalafil 20 mg cialis italia gratis cialis herbs opinioni cialis generico
buy cialis online without a prescription یکشنبه 11 آذر 1397 03:30 ق.ظ

You revealed this superbly!
generic cialis levitra tadalafil 20 mg cialis 30 day sample cialis super acti cialis patentablauf in deutschland cialis 5 mg para diabeticos bulk cialis bulk cialis bulk cialis tadalafil 5mg
buy cialis شنبه 10 آذر 1397 03:55 ب.ظ

You suggested it wonderfully!
cialis 05 brand cialis nl cuanto cuesta cialis yaho cialis online napol walgreens price for cialis free cialis buy original cialis cialis vs viagra the best choice cialis woman preis cialis 20mg schweiz
buy cialis delhi جمعه 9 آذر 1397 04:04 ق.ظ

Awesome forum posts. Appreciate it.
venta cialis en espaa legalidad de comprar cialis cialis cost dose size of cialis click here to buy cialis cialis kamagra levitra achat cialis en europe cialis para que sirve cialis uk next day cialis 10mg prix pharmaci
buy cialis online پنجشنبه 8 آذر 1397 04:44 ق.ظ

Really plenty of awesome tips!
cialis from canada buy cialis cheap 10 mg buying cialis overnight generic for cialis cialis efficacit miglior cialis generico when can i take another cialis cialis prices click now buy cialis brand side effects for cialis
Online cialis چهارشنبه 7 آذر 1397 04:14 ب.ظ

Very good posts, Thank you!
cialis kaufen cialis coupons printable wow look it cialis mexico cialis 20mg preis cf cialis generic purchasing cialis on the internet cialis 5 effetti collaterali cialis 5 mg buy cialis for sale in europa cialis 20mg prix en pharmacie
buy cialis online without a prescription چهارشنبه 7 آذر 1397 04:10 ق.ظ

Thanks, I like it.
il cialis quanto costa cipla cialis online cialis lilly tadalafi viagra vs cialis can i take cialis and ecstasy canadian drugs generic cialis cialis great britain tadalafil tablets free generic cialis achat cialis en itali
levitra online جمعه 20 مهر 1397 01:13 ق.ظ

You definitely made the point!
buy levitra 10mg buy levitra online levitra without a doctor prescription buy levitra 20 mg levitra 10 mg prezzo buy levitra 20 mg levitra generic levitra buy levitra online vardenafil 20mg
Cialis 20 mg یکشنبه 8 مهر 1397 09:11 ق.ظ

Amazing a lot of beneficial advice!
buying cialis in colombia tadalafil 5mg generic cialis levitra deutschland cialis online cialis online holland cialis ahumada cialis coupons printable preis cialis 20mg schweiz 5 mg cialis coupon printable cialis daily reviews
buy cheap cialis in canada شنبه 7 مهر 1397 09:52 ق.ظ

Cheers! I appreciate this!
cialis canada on line cialis savings card achat cialis en europe only best offers cialis use cialis generico en mexico generic cialis at the pharmacy comprar cialis navarr cialis 5mg billiger cialis para que sirve cialis generique 5 mg
http://viagravonline.com/ چهارشنبه 28 شهریور 1397 11:39 ب.ظ

Information very well used!.
price cialis best 200 cialis coupon free cialis cialis reviews compare prices cialis uk what is cialis legalidad de comprar cialis dose size of cialis cialis great britain safe dosage for cialis
http://viagrayosale.com/ سه شنبه 27 شهریور 1397 08:32 ب.ظ

Good forum posts. Kudos!
cialis generika in deutschland kaufen cialis canada we recommend cialis info american pharmacy cialis side effects of cialis look here cialis cheap canada we choice cialis uk cialis generico en mexico cialis dosage recommendations generic cialis at the pharmacy
canadianpharmacyies.com چهارشنبه 14 شهریور 1397 02:21 ق.ظ

Great content. Regards.
canadian pharmacy viagra drugstore online reviews canadian pharmaceuticals nafta canada drugs online Northwest Pharmacy pharmacy times north west pharmacy canada canadian pharmacy meds canadian pharmacycanadian pharmacy canadian cialis
http://canadianpharmacyies.com/ سه شنبه 13 شهریور 1397 07:38 ق.ظ

Fantastic advice. Appreciate it.
how to buy generic viagra online viagra how to get a prescription buy viagra online canada levitra buy viagra online from canada buy viagra locally where buy viagra buying viagra online get online prescription for viagra where to buy viagra without a prescription
Cialis pills دوشنبه 12 شهریور 1397 11:32 ب.ظ

With thanks, Helpful information.
click here to buy cialis cialis usa cost cialis online deutschland generic cialis with dapoxetine cialis price thailand cialis 20 mg best price cialis prices in england safe site to buy cialis online we like it cialis price no prescription cialis cheap
http://cialisees.com/ دوشنبه 12 شهریور 1397 06:06 ق.ظ

You expressed that exceptionally well.
cialis daily cialis 20 mg effectiveness where do you buy cialis cialis dosage amounts cialis daily new zealand discount cialis cialis 5 mg buy cialis coupons printable il cialis quanto costa only now cialis for sale in us
cialisiv.com یکشنبه 11 شهریور 1397 03:34 ب.ظ

You explained this fantastically!
cialis 5 mg funziona cialis name brand cheap cialis generico how do cialis pills work overnight cialis tadalafil cialis sans ordonnance prescription doctor cialis acheter du cialis a geneve buy cialis sample pack rx cialis para comprar
cheap viagra with prescription سه شنبه 23 مرداد 1397 05:03 ق.ظ

Truly all kinds of excellent data!
viagra on prescription cheap viagra prescription viagra order online cheap generic viagra where can i buy viagra online safely buy viagra online without prescription can i buy viagra over the counter can you buy viagra in stores buy viagra on line where can i buy cheap viagra online
Cialis online جمعه 7 اردیبهشت 1397 10:08 ب.ظ

Useful information. Regards!
generic cialis review uk viagra or cialis bulk cialis pastillas cialis y alcoho cialis 05 cialis qualitat cost of cialis cvs interactions for cialis cialis online deutschland cialis alternative
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر
نمایش نظرات 1 تا 30
آخرین مطالب
   
ابزار اینستا گرام
ابزار تلگرام

progress:
 
 
   
ساخت وبلاگ در میهن بلاگ

شبکه اجتماعی فارسی کلوب | اخبار کامپیوتر، فناوری اطلاعات و سلامتی مجله علم و فن | ساخت وبلاگ صوتی صدالاگ | سوال و جواب و پاسخ | رسانه فروردین، تبلیغات اینترنتی، رپرتاژ، بنر، سئو