در این مقاله می‌خواهم شما را با یک ابزار بسیار مفید برای یک وب‌مستر آشنا کنم - افزونه‌ای برای مرورگر فایرفاکس، افزونه Web Developer. نام این افزونه برای خود صحبت می کند: Web Developer یک توسعه دهنده وب است. واضح است که این افزونه برای توسعه دهندگان وب، یعنی برای من و شما ساخته شده است. افزونه Web Developer برای کسب اطلاعات و تست سایت در نظر گرفته شده است. ابزارهای افزونه چه ویژگی هایی دارند؟ می‌توانید تصاویر را روشن و خاموش کنید، همه عناصر پیوند را شناسایی کنید، فرم‌ها را مشاهده کنید، صفحات سایت را از نظر مطابقت بررسی کنید و موارد دیگر. اطلاعات به دست آمده در نتیجه آزمایش نه تنها در توسعه سایت به شما کمک می کند، بلکه با کمک افزونه می توانید لینک های مخفی، تصاویر آسیب دیده و غیره را پیدا کنید. بیایید نگاهی به نصب افزونه Web Developer در مرورگر فایرفاکس بیندازیم.
نصب افزونه توسعه دهنده وب در فایرفاکس
می خواهم توجه داشته باشم که نسخه های اولیه این افزونه بومی سازی روسی داشتند. نسخه به روز شده بومی سازی روسی ندارد. با این حال، این واقعیت چندان مهم نیست، زیرا ابزارهای افزونه به گونه‌ای گروه‌بندی شده‌اند که هدف هر ابزار، حتی با دانش اولیه زبان، به طور مستقیم مشخص می‌شود. برنامه‌نویس وب اطلاعات بصری ارائه می‌دهد و برای تجزیه و تحلیل اطلاعات به‌دست‌آمده با استفاده از افزونه توسعه‌دهنده وب، به جای یک مترجم، باید از یک توسعه‌دهنده وب اطلاعات داشته باشید. اگر باز هم کار با نسخه روسی افزونه Web Developer راحت‌تر است، نسخه قبلی را با بومی‌سازی روسی نصب کنید.
آخرین نسخه پلاگین Web Developer برای فایرفاکس را می توانید از صفحه اصلی توسعه دهنده دانلود کنید. همچنین می توانید Web Developer را مانند هر افزونه دیگری از طریق ابزارهای داخلی فایرفاکس نصب کنید. برای انجام این کار، مرورگر فایرفاکس را باز کنید و "ابزار" - "افزونه" را از منو انتخاب کنید
1 - در نوار جستجو نام افزونه مورد نظر خود را کپی کنید. در لیستی که باز می شود، افزونه مورد نیاز را برای نصب انتخاب کنید و نصب را شروع کنید.
2 - اگر قبلاً افزونه را در رایانه خود دانلود کرده اید، منوی ابزارها را باز کرده و "Install add-on from file" را انتخاب کنید.
نوار ابزار پلاگین توسعه دهنده وب
پس از نصب موفقیت آمیز Web Developer، کار با ابزارهای افزونه را آغاز خواهید کرد. بهترین راه کار استفاده از نوار ابزار Web Developer است که در مرورگر تعبیه شده است. می توان از گزینه های جایگزین برای دسترسی به ابزارهای افزونه استفاده کرد:
- در پنجره مرورگر فایرفاکس کلیک راست کرده و در منوی باز شده Web Developer را انتخاب کنید، نوار تب با ابزارها باز می شود.
- "ابزار" را از منوی مرورگر فایرفاکس انتخاب کنید و در منوی فرعی که باز می شود، ماوس را روی افزونه Web Developer نگه دارید.
ویژگی های افزونه توسعه دهنده وب
ابزارهای افزونه توسعه دهنده وب بر اساس نوع عملیات انجام شده گروه بندی می شوند که راحت است و به شما امکان می دهد به طور مستقیم عملکرد یک ابزار خاص را درک کنید.
بیایید نگاهی به نوار ابزار توسعه دهنده وب بیاندازیم. نمودار زیر تغییرات نوار ابزار پلاگین Web Developer را با بومی سازی زبان های مختلف نشان می دهد.
نام گروه های ابزار در نوار ابزار افزونه نمایش داده می شود. اگر روی نام یک گروه کلیک کنید، یک تب با ابزارهای تو در تو در این گروه باز می شود. ابزارهای زیادی در این افزونه وجود دارد، اما زمانی که کار با Web Developer را شروع می کنید، متوجه خواهید شد که درک نحوه عملکرد هر ابزار چقدر آسان است. برای فعال کردن ابزار، روی ابزار کلیک کنید، یک علامت چک در مقابل ظاهر می شود. برای خاموش کردن آن - علامت کادر را بردارید. بیایید نگاهی به هر یک از مجموعه ابزارهای افزونه توسعه دهنده وب بیاندازیم.
"غیرفعال کردن"(غیرفعال کردن). با استفاده از ابزارهای این گروه می توانید مشاهده کنید که اگر کاربر برخی از عناصر طراحی وب را در تنظیمات مرورگر خاموش کند، ظاهر سایت چگونه خواهد بود.
"بیسکویت ها"... بررسی عملکرد سایت در شرایط محدودیت ظرفیت مرورگر.
"بدون خطای CSS"(CSS). گروهی از ابزارها برای کار با شیوه نامه. به شما امکان اتصال، قطع و ویرایش سبک ها، مشاهده نتایج ویرایش در مرورگر، نمایش اطلاعات اضافی در مورد شیوه نامه ها را می دهد.
"تشکیل می دهد"(تشکیل می دهد). می‌توانید عناصر فرم را با ویژگی‌هایشان مشاهده کنید، نمایش گذرواژه‌ها را در فیلدهای ورودی با ستاره، دکمه‌های رادیویی پاک کنید، متغیرهای جستجو را تبدیل کنید و موارد دیگر را فعال کنید.
"گرافیک"(تصاویر). مدیریت تصویر شما می توانید اطلاعاتی در مورد اندازه، وزن تصاویر، پیدا کردن تصاویر آسیب دیده و موارد دیگر دریافت کنید.
"اطلاعات"(اطلاعات). اطلاعات تکمیلی در مورد سایت دریافت می کنیم. می توانید ترتیب و اندازه Div ها، پارامترهای پیوند و شی، ویژگی های عنوان، مقادیر Id و Class را مشاهده کنید، اطلاعات دقیقی در مورد عناصر، جداول، رنگ ها، لنگرها و موارد دیگر دریافت کنید.
"متفرقه"(متفرقه). ابزارهایی با عملکردهای مختلف در اینجا وجود دارد. برای مثال ابزار Ruler که با آن می توانید اجسام را اندازه گیری کنید. برای انجام این کار، دکمه سمت راست ماوس را فشار داده و شی مورد نظر را انتخاب کنید. انتخاب مستطیل خواهد بود. برای تغییر اندازه مستطیل، باید گوشه را بکشید یا داده ها را به پیکسل در نوار ابزار افزونه وارد کنید.
"کانتورها"(طرح کلی). عناصر طراحی وب را با خطوط کانتور برجسته می کند. من می خواهم توجه ویژه ای به مورد "طرح کلی پیوند" - "پیوندهای خارجی" داشته باشم. این ابزار به شما کمک می کند پیوندهای پنهان و رمزگذاری شده را پیدا کنید.
"ابعاد"(تغییر اندازه). شما می توانید اندازه پنجره و پنجره دید را ببینید. همچنین می توانید اندازه پنجره مرورگر را تغییر دهید، وضوح را افزایش یا کاهش دهید، که به شما امکان می دهد سایت را در وضوح های مختلف صفحه آزمایش کنید.
"ابزار"(ابزار). ابزارهای توسعه دهنده وب می توانید اعتبار HTML، CSS، فید RSS را با استفاده از خدمات شبکه رایگان بررسی کنید. همچنین می توانید لنگرهای دوگانه، لینک های شکسته را بررسی کنید، کنسول خطا را مشاهده کنید.
"کد"(مشاهده منبع). می توانید کد منبع صفحه را مشاهده کنید. لیستی از فریم ها را با قابلیت مشاهده کد منبع آنها نشان می دهد. کد تولید شده را همانطور که مرورگر می بیند نشان می دهد.
"تنظیمات"(گزینه ها). تنظیمات برنامه انتخاب کاربر برای منوهای مختلف را به خاطر می آورد. بازنشانی و برگرداندن، در نتیجه عملکرد صفحه، به حالت اولیه خود تغییر یافته است.
شما حقوق کافی برای اضافه کردن نظرات ندارید. شاید لازم باشد در سایت ثبت نام کنید.
بریتانیا ایالات متحده (همچنین توسعه دهنده وب) اسم [C] IT, INTERNET کسی که شغلش ایجاد وب سایت است: »او به عنوان یک توسعه دهنده وب برای یک شرکت خدمات مالی کار می کند ... شرایط مالی و تجاری
توسعه دهنده وب- توسعه دهنده وب یک توسعه دهنده نرم افزار یا مهندس نرم افزار است که به طور خاص درگیر توسعه برنامه های کاربردی وب جهانی یا برنامه های شبکه توزیع شده است که از طریق پروتکل HTTP از یک وب سرور به یک مرورگر وب اجرا می شوند ... ویکی پدیا
توسعه دهنده وب- اسم شخصی که برنامه های کاربردی طراحی شده برای استفاده از طریق اینترنت ... ویکیواژه
توسعه دهنده وب (پسوند موزیلا)- Web Developer یک افزونه برای مرورگرهای وب مبتنی بر موزیلا است که ابزارهای ویرایش و اشکال زدایی قدرتمندی را برای توسعه دهندگان وب اضافه می کند. سازگاری آن با Firefox، Flock و Seamonkey آزمایش شده است. پسوند توسط …… ویکی پدیا توسعه داده شده است
نوار ابزار توسعه دهندگان وب- نوار ابزار ویژه برای توسعه دهندگان وب. این نوار ابزارها معمولاً یک یا ترکیبی از اشکال زدایی، CSS، HTML، DOM، جاوا اسکریپت و ابزارهای دیگری را ارائه می دهند که به توسعه وب کمک می کنند. نوار ابزارها معمولا توسط شرکت های شخص ثالث ایجاد می شوند، اما ... ... ویکی پدیا
نوار ابزار توسعه دهندگان وب- نوار ابزار برای توسعه دهنده وب. اطلاعات اضافی در مورد صفحه نمایش داده می شود. کنسول، دیباگر، جاوا اسکریپت، CSS، مطالب 1 برای اینترنت اکسپلورر 2 برای فایرفاکس 2.1 برای فایرباگ 3 برای اپرا ... ویکی پدیا
مجموعه سرور توسعه دهندگان وب- Infobox نام نرم افزار = Web.Developer Server توسعه دهنده = Anatoly M. سیستم عامل = ژانر ویندوز = مجوز WAMP = وب سایت GPL = Web.Developer Server SuiteThe Web.Developer Server Suite یک ... ویکی پدیا است
نوار ابزار توسعه دهنده وب- برنامه‌ریزی‌ها برای توسعه‌دهندگان وب Les barres d outils pour Developpeurs Web sont des extensions de l interface degérents navigateurs, qui permettent l l تجزیه و تحلیل و اصلاح فوری ادامه مطلب، کد دو HTML، CSS Wi-Fi در صفحه D... فرانسه
توسعه دهنده وب ویژوال مایکروسافت- Este artículo o sección necesita una revisión de ortografía y gramática. Puedes colaborar editándolo (lee aquí sugerencias para mejorar tu ortografía). Cuando se haya corregido, borra este aviso por favor. Microsoft Visual Web Developer از ... ویکی پدیا اسپانیایی است
توسعه دهنده وب ویژوال- برنامه توسعه وب، Microsoft Visual Web Developer یک گروه برنامه‌ریزی‌شده و ابزارهای مفید برای وب‌سایت‌های وب ASP.NET نسخه 2.0 است. Visual Web Developer معرفی محیط زیست توسعه یکپارچه (IDE) un ensemble…… Wikipédia en Français
کتاب ها
- توسعه وب با مک، آرون وگ. هر آنچه که برای ایجاد وب‌سایت‌ها با استفاده از Mac خود باید بدانید ایجاد و استقرار وب‌سایت‌ها و برنامه‌های خیره‌کننده در Mac برای کسب‌وکار خودتان یا برای مشتریان با استفاده از تکنیک‌های ضروری در… کتاب الکترونیکی
- Visual Web Developer 2005 Express Edition For Dummies، آلن سیمپسون. Visual Web Developer Express Edition یک نسخه ارزان قیمت و ابتدایی است که حول پروژه های از پیش ساخته شده متمرکز شده است که توسعه دهندگان جدید می توانند به راحتی آن را برای سایت های خود مستقر کرده و سفارشی کنند. توضیح می دهد که چگونه… کتاب الکترونیکی
توسعه دهنده وب موزیلا یک افزونه فوق العاده مفید است. در مرورگرها نصب می شود و اطلاعات جامعی در مورد وضعیت سایت ها در اختیار وبلاگ نویس قرار می دهد. در ابتدا، این افزونه فقط در فایرفاکس قابل نصب بود، اما بعداً همان نویسنده - کریس پدریک، آن را برای کروم نیز توسعه داد. می توانید آن را در آخرین نسخه به زبان انگلیسی دانلود و نصب کنید.
توسعه دهنده وب نسخه روسی موزیلا
برای یک وبلاگ نویس روسی، امکان نصب این افزونه به زبان روسی وجود دارد، اما در این مورد، آخرین نسخه نصب نشده است، بلکه نسخه قبلی - Web Developer 1.19 نصب شده است.
ابتدا در تنظیمات مرورگر فایرفاکس، افزونه به زبان انگلیسی نصب می شود. بیایید به برگه "افزونه ها" برویم. در پنجره جدید سمت راست، دکمه‌هایی را برای چندین برنامه، از جمله برای «توسعه‌دهنده وب» مشاهده خواهیم کرد. دکمه "تنظیمات" را روشن کنید، پس از آن پنجره ای برای تنظیمات این ابزار ظاهر می شود.
برای فعال کردن زبان روسی، باید پیوند نسخه ها را دنبال کنید. در پنجره جدید، عدد 1.19 را انتخاب کنید، روی دکمه "افزودن به فایرفاکس" کلیک کنید. پس از راه اندازی مجدد مرورگر، پانل بالای برنامه افزودنی به زبان روسی ظاهر می شود. سپس همه چیز روشن می شود. ابتدا، بیایید سایت خود را بارگذاری کنیم، و با استفاده از گزینه های متعدد، پانل بالا، شروع به تجزیه و تحلیل آن کنیم.
وقتی دوباره مرورگر را باز می کنید، پانل دوباره به زبان انگلیسی است، بنابراین باید دوباره زبان روسی را نصب کنید.
برنامه نویس وب موزیلا برخی از ویژگی ها را غیرفعال می کند
در منوی کشویی می بینیم که می توانید تعدادی از توابع را غیرفعال کنید تا بتوانید ویژگی های دیگر را مشاهده کنید.
- "کش" و "چاپ کوچک" را غیرفعال کنید، اما می توانید اسکریپت جاوا و سایر عملکردها را غیرفعال کنید.
- «کلیک کوکی‌ها» صفحه بزرگی را با فهرست باز می‌کند. در اینجا، کوکی های فردی را می توان تغییر یا حذف کرد، اما در حال حاضر بدون دست زدن به چیزی نگاه کردم. پس از بررسی برگه، آن را می بندیم و به سراغ نکات بعدی می روم.
- "خطاهای CSS" - همچنین خطوط منوی کشویی را باز می کند. سبک ها را می توان خاموش کرد. اما من می خواهم آنها را ببینم، بنابراین روی خط کلیک می کنم: CSS info. در نتیجه، یک برگه با تمام سبک های تعبیه شده در موضوع، افزونه ها و ابزارک ها باز شد که منجر به یک صفحه وب طولانی شد.
« فرم های "- nهنگام مرور سایت، نوارهای سایت، فرم های اشتراک و جستجو برجسته می شوند. وب مسترها هنگام ایجاد قالب به این تب نیاز دارند، زیرا خطوط زیادی با پارامتر وجود دارد.
توسعه دهنده وب موزیلا - داشبوردهای دیگر برای ارزیابی سایت
- گرافیک - نشان دادن ویژگی های alt - توضیحات بالای تصاویر برجسته شده است. شما می توانید تمام صفحات سایت را مشاهده کنید و جایی که هیچ توضیحی وجود ندارد را شناسایی کنید تا آن را برطرف کنید. ما اندازه تصاویر را می دانیم، اما در اینجا وزن و تعداد تصاویر را نشان می دهیم. من خوبم - وزن کم است، هر تصویر 3 کیلوبایت است. پیدا کردن تصاویر آسیب دیده - در صفحه اصلی - یافت نشد. یک برگه جداگانه باز می شود که در آن توضیحات همه تصاویر، از جمله شمارنده و فاویکون وجود دارد. وقتی همه چیز را دیدیم، علامت های چک را بردارید.
- خطوط زیادی در پانل اطلاعات وجود دارد. من روی "show id and class" کلیک می کنم، در حالی که لینک ها در محل خود، یعنی در سایت برجسته می شوند. این بسیار چشمگیر است زیرا ویژگی های عنوان و تودرتوی سند به صورت رنگی نشان داده شده اند.
- وزن سند - صفحه باز شد، اما در ابتدا خالی بود. دانلود باید کمی صبر کند. با این حال، به زودی اطلاعات ارزشمندی در مورد وزن هر بخش ظاهر می شود. تعداد زیاد اسکریپت ها و اندازه آنها قابل توجه است. شایان ذکر است که چگونه می توان آنها را کاهش داد و کاهش داد.
- پیوندها از صفحه اصلی. همه چیز در نظر گرفته می شود: عنوان سایت، دسته بندی ها، برچسب های ابر برچسب، تصاویر، شمارنده، ویجت های jvascript، نظرات. سعی کردم چند لینک به صفحات سایت را دنبال کنم. آدرس های موجود در نظرات بسته شده است، با تشکر، با این حال، تعداد لینک ها به دلیل ویژگی های کد وردپرس کاهش نمی یابد، که رفع آن دشوار است. در مجموع 74 تا 86 لینک داخلی وجود دارد که طبق قوانین سئو مجاز نیست تعداد آنها از 100 بیشتر شود.
- اطلاعاتی در مورد متا تگ های صفحه اصلی وجود دارد.
اطلاعات متفرقه
- متفرقه - شامل: خط کش، ذره بین، ویرایشگر html، عناصر پنهان.
- خطوط کلی - مرزهای عناوین، پیوندها، خطوط کلی بلوک ها را نشان می دهد. شما می توانید به طور همزمان خطوط کلی دو یا سه عنصر از سایت را مشاهده کنید.
- ابعاد - ابعاد پنجره، منطقه مشاهده را نشان می دهد. امکان تنظیم اندازه پنجره و فونت با فشار دادن دکمه بزرگنمایی و کوچک نمایی وجود دارد.
- ابزارها - انتقال به خدمات اعتبار سنجی انجام می شود. هنگام بررسی خطاهای CSS و HTMI زیادی دریافت کردم. به عنوان مثال، ابتدا CSS بررسی می شود و سپس فایل سبک درست ایجاد شده پیشنهاد می شود.
- با این توصیه، من کارهای زیر را انجام دادم: یک موضوع ساده دیگر / به طور خلاصه / را فعال کردم. فایل استایلم را کپی کردم، به notepad منتقل کردم، ذخیره کردم و از ویرایشگر سایت پاکش کردم. من فایل صحیح را از اعتبار سنجی دانلود کردم و به جای فایل خودم درج کردم.
- رفتم تو سایت و با سبک های جدید و صحیح چه می بینم؟ سایت درست است، اما کدام یک؟ منظره مشمئز کننده است قالب تک ستونی شده است. متون از لبه به لبه کشیده شده اند، هیچ رنگی وجود ندارد.
- بنابراین، من ترجیح دادم فایل خود را با خطاهای CSS برگردانم و همه چیز درست شد. از طرف دیگر، خطاهای اعتبارسنجی باید برطرف شود، اما این هنوز در دسترس من نیست.
برای مرورگر کروم
نسخه وب. توسعه دهنده برای مرورگر Chrom، توسط همان نویسنده، بهبود یافته و تکمیل شده است. در مقایسه با افزونه مرورگر موزیلا، گزینه ها کمی متفاوت هستند. متن انگلیسی است، اما برخی از صفحات آغازین ترجمه شده است.
بهتر است زمانی که فرد حداقل با زبان انگلیسی آشنا باشد، زیرا در اینترنت به آن نیاز دارید. بعد از وبگردی توسعه دهنده، درک ساختار وبلاگ در حال بهبود است.
تجزیه و تحلیل در این برنامه افزودنی باید ثابت باشد، بنابراین توصیه می شود آن را برای هر وبلاگ نویس در مرورگر نصب کنید. حداقل به منظور کنترل تعداد لینک ها در هر صفحه.
مرحله 1. آخرین نسخه را نصب کنید
نسخه انگلیسی برنامه توسعه دهنده وب در فایرفاکس یا کروم را می توان از طریق تنظیمات مرورگر نصب کرد، در حالی که جدیدترین نسخه. برای فایرفاکس: در گزینه "افزونه ها" باز کنید (با فشار دادن ترکیبی از سه کلید باز می شود Ctrl + Shift + A) بخش "برنامه های افزودنی" - به شکل. 1 یا شکل 2.
در کادر جستجو، عبارت را وارد کنید:
هنگام نصب برنامه، اقدامات پیشنهاد شده در گفتگو را انجام می دهیم. اگر همه کارها را به صورت متوالی انجام دادید، در لیست افزونه ها یک افزونه دیگر خواهید داشت - توسعه دهنده وب (شکل 3).
طیف کامل ابزارهای توسعه دهنده وب در نوار ابزار مرورگر، فقط به زبان انگلیسی ظاهر می شود. بیایید در مرحله بعد در مورد روسی سازی صحبت کنیم.
مرحله 2. توسعه دهنده وب Russify
برای "ترجمه" نام گزینه Web Developer به روسی، باید نسخه نصب شده را به 1.1.9 "تنزل" کنید. در زمان نگارش این مقاله، هیچ نسخه "بلندتر" از توانایی مهاجرت به روسی پشتیبانی نمی کرد. بنابراین، شما باید برنامه افزودنی را به طور جداگانه دانلود کرده و خودتان آن را در مرورگر خود بارگذاری کنید. لینک را دنبال کنید:
ماوس را کمی به سمت راست نام نسخه 1.1.9 مورد نیاز خود ببرید. گزینه "افزودن به فایرفاکس" برجسته خواهد شد.
اضافه کوچک: مقاله در سال 2013 نوشته شده است. در اواسط سال 2016، موزیلا فایرفاکس دسترسی به برخی از افزونه ها و افزونه های قبلی را محدود کرد. بنابراین، اگر آخرین نسخه موزیلا فایرفاکس را نصب کرده اید، در مقابل برنامه افزودنی Web Developer نسخه 1.1.9، دکمه غیرفعال "افزودن به فایرفاکس" وجود خواهد داشت (در زیر نظری وجود دارد که برای این مورد در دسترس نیست. نسخه موزیلا فایرفاکس). نگران نباشید! به هر حال، روی دکمه خاکستری «افزودن» کلیک کنید. تأیید کنید که می خواهید نصب کنید و نصب انجام می شود.
موزیلا درخواست راه اندازی مجدد خواهد کرد. این کار را بلافاصله پس از نصب برنامه انجام دهید یا آن را برای دفعه بعدی به تعویق بیندازید، این به شما بستگی دارد. این از اهمیت اساسی برخوردار نیست، زیرا برنامه توسعه دهنده وب تنها پس از راه اندازی مجدد به روسی تغییر می کند و جای خود را در نوار ابزار خواهد گرفت.
ولاد مرژویچ
اگرچه افزونه برای دو مرورگر مختلف در دسترس است، اما نسخه فایرفاکس به‌روز است و مرتباً به‌روزرسانی می‌شود، که در مورد نسخه کروم صدق نمی‌کند. علاوه بر این، از زبان روسی پشتیبانی می کند. بنابراین در ادامه توضیحات فقط برای فایرفاکس خواهد رفت.
نصب بسیار ساده است، فقط با مرورگر فایرفاکس به وب سایت نویسنده بروید و روی «دانلود» کلیک کنید، پس از آن به سایت منتقل می شوید، جایی که باید روی «افزودن به فایرفاکس» کلیک کنید (شکل 7.1).
برنج. 7.1. به فایرفاکس اضافه کنید
همچنین می توانید مستقیماً به صفحه با پسوند بروید.
پس از افزودن، یک پنجره هشدار ظاهر می شود (شکل 7.2)، روی دکمه "Install now" کلیک کنید و مراحل نصب به پایان رسید.
برنج. 7.2. نصب برنامه نویس وب
راه دیگر برای نصب افزونه های مختلف استفاده از منو است ابزار > افزونه ها... در پنجره جستجو، "web developer" را تایپ کنید، Enter را فشار دهید، افزونه مورد نیاز ما در لیست زیر ظاهر می شود (شکل 7.3).
برنج. 7.3. پنجره افزونه های فایرفاکس
خود افزونه مانند نوار منو در بالای برگه ها به نظر می رسد (شکل 7.4)، همچنین از طریق منو در دسترس است. ابزار> توسعه دهنده وب... شما می توانید پانل را از طریق منو روشن یا خاموش کنید مشاهده > نوار ابزاریا با کلیک راست بر روی نوار افزونه.
برنج. 7.4. توسعه دهنده وب در مرورگر
بیایید آیتم های منوی Web Developer را مرور کنیم.
کش را غیر فعال کنید
کش داخلی مرورگر را غیرفعال می کند. به طور معمول، تصاویر و کپی از صفحات مشاهده شده توسط مرورگر در دیسک محلی ذخیره می شود تا در زمان بارگذاری صرفه جویی شود. هنگامی که صفحه دوباره باز می شود، مرورگر نسخه محلی را با نسخه اصلی مقایسه می کند و اگر مطابقت داشته باشند، نسخه محلی بارگیری می شود. در برخی موارد، نسخه محلی صفحه بارگیری می شود، حتی اگر نسخه اصلی تغییر کند. به عنوان مثال، در تنظیمات مرورگر، می توان هر دو ساعت یک بار بررسی کرد که آیا صفحه ذخیره شده در حافظه پنهان در سرور به روز شده است یا خیر. با این حال، فایرفاکس اجازه تنظیم دقیق حافظه پنهان مانند Opera را نمی دهد.
همچنین می توانید صفحه را با دور زدن حافظه پنهان با فشار دادن Ctrl + F5 به روز کنید، این صفحه توسط همه مرورگرها پشتیبانی می شود.
جاوا یک زبان برنامه نویسی است که توسط Sun Microsystems توسعه یافته است. برنامه های کوچک در این زبان (به نام اپلت) برای گسترش عملکرد صفحات وب استفاده می شود. فایرفاکس از این زبان پشتیبانی داخلی دارد که از طریق این آیتم منو غیرفعال می شود. در فایرفاکس 3.6 کار نمی کند.
جاوا اسکریپت را غیرفعال کنید
یک زبان برنامه نویسی طراحی شده برای اسکریپت ها - برنامه های یکپارچه شده با یک صفحه وب. جاوا اسکریپت به طور گسترده در هنگام ایجاد صفحات وب برای گسترش عملکرد آنها استفاده می شود، به عنوان مثال، ایجاد منوها، فرم ها، جلوه ها و غیره مختلف. اگر مورد را انتخاب کنید JavaScript> Complete را غیرفعال کنید، سپس تمام عملکردهای سایت از کار می افتد. از این آیتم منو می توان برای آزمایش سایتی که بدون اسکریپت کار می کند و همچنین برای دور زدن محدودیت های مختلف اعمال شده توسط نویسندگان سایت مانند غیرفعال کردن دکمه سمت راست ماوس استفاده کرد. توسعه دهنده وب می گوید هیچ محدودیتی وجود ندارد که نتوان آن را دور زد.
تغییر مسیر متا را غیرفعال کنید
با استفاده از تگ شما می توانید به طور خودکار پس از مدت زمان معینی به سند مشخص شده هدایت شوید. برای این کار از تگ استفاده کنید و مقدار Refresh ویژگی http-equiv (مثال 7.1).
مثال 7.1. ارسال خودکار
ریدایرکت ها را می توان در چت ها برای به روز رسانی سند فعلی یا هدایت به آدرس جدید استفاده کرد. اما برای مثال، با هدف نمایش مکرر تبلیغات متنی یا بنرها، با اهداف مخرب نیز استفاده می شود. این آیتم منو به شما امکان می دهد چنین برچسبی را مسدود کنید. .
حداقل اندازه فونت را غیرفعال کنید
در تنظیمات فایرفاکس، می توانید حداقل اندازه فونت را تعیین کنید، برای متن هایی که کوچکتر از اندازه تعیین شده است استفاده می شود. این باعث می‌شود که مرور بیشتر خوانا باشد، به‌ویژه در سایت‌هایی که متن را با فونتی که خیلی کوچک نیست نمایش می‌دهد.
برای تنظیم حداقل اندازه فونت، از منو انتخاب کنید ابزار > گزینه ها ...، پنل Content را باز کنید و روی دکمه More در گروه Fonts and Colors کلیک کنید. می توانید حداقل اندازه فونت را از منوی کشویی انتخاب کنید کوچکترین اندازه فونت.
Web Developer به شما اجازه می دهد تا به سرعت این ویژگی را فعال یا غیرفعال کنید. اما اگر حداقل اندازه فونت در تنظیمات مشخص نشده باشد، این مورد به هیچ وجه روی نتیجه تأثیر نمی گذارد.
رنگ های صفحه را غیرفعال کنید
هر رنگی را که با ویژگی پس‌زمینه یا رنگ پس‌زمینه مشخص شده است، خاموش می‌کند. پس‌زمینه‌هایی که با استفاده از پس‌زمینه تنظیم می‌شوند نیز تحت تأثیر قرار می‌گیرند.
غیرفعال کردن Popup Blocker
پاپ آپ ها معمولا برای تبلیغات استفاده می شوند، بنابراین معمولا مسدود شده و در مرورگرها مجاز نیستند. این مورد به شما اجازه می دهد تا به سرعت این گزینه را فعال و غیرفعال کنید.
غیر فعال کردن پروکسی
پروکسی معمولاً به عنوان سرور یا برنامه ای شناخته می شود که به شما امکان می دهد به اینترنت وصل شوید و همچنین به منظور درخواست از طرف سایر مشتریان. اگر در تنظیمات فایرفاکس ( ابزارها> گزینه ها ..، پانل پیشرفته، برگه شبکه، دکمه پیکربندی) اگر "از تنظیمات سیستم پراکسی استفاده کنید"، این مورد غیرفعال است.
Referrers را غیرفعال کنید
Referrer یکی از هدرهای پروتکل HTTP است و به شما این امکان را می دهد که آدرس صفحه ای را که کاربر از آن به سایت آمده است را دریافت کنید. اگر به امنیت داده های خود اهمیت می دهید، این مورد را فعال کنید.
کوکی ها یا کوکی ها، همانطور که در اصطلاح به آنها گفته می شود، فایل های متنی کوچکی در رایانه محلی هستند که اطلاعات مفید برای سایت را ذخیره می کنند. با کمک کوکی ها می توانید نام کاربری، وضعیت او و سایر اطلاعاتی که در سایت استفاده می شود را به خاطر بسپارید. فایرفاکس تنظیمات کوکی را از طریق منو پیکربندی می کند ابزار > گزینه ها ...، پانل حریم خصوصی. به دلایل امنیتی، به طور کلی می توانید پذیرش کوکی ها را از سایت ها غیرفعال کنید.
خود کوکی ها مجموعه ای از پارامترها هستند:
- نام منحصر به فرد؛
- معنی؛
- مسیر - فقط در صورتی که مسیر و آدرس صفحه مطابقت داشته باشند، کوکی ها را ارسال کنید، مسیر "/" به معنای هر صفحه است.
- دامنه - رکورد مربوط به کدام آدرس سایت است.
- تاریخ انقضا - به مرورگر می گوید که چه زمانی می توان کوکی را حذف کرد.
کوکی ها را غیر فعال کنید
پذیرش کوکی ها از سایت ها را غیرفعال می کند.
حذف کوکی های جلسه
کوکی ها اغلب برای تأیید اعتبار کاربر استفاده می شوند. پس از وارد کردن نام کاربری و رمز عبور، یک کد منحصر به فرد ایجاد و در کوکی ذخیره می شود. با مراجعه مجدد به سایت، این کد بررسی می شود و در صورت مطابقت با کد سرور، سایت کاربر را "شناسایی" می کند. با انتخاب این مورد، تمام جلسات ذخیره شده حذف می شود.
حذف کوکی ها برای دامنه
تمام کوکی های سایتی را که در حال حاضر در مرورگر باز است حذف می کند.
کوکی‌های مسیر را حذف کنید
تمام کوکی‌های سایت را که مسیر آن با مسیر سایت باز شده در مرورگر مطابقت دارد، حذف می‌کند.
اطلاعات کوکی ها
یک صفحه اضافی باز می شود که در آن همه کوکی های این سایت به صورت جدولی ارائه می شوند. می توانید پارامترهای آنها را ویرایش کنید یا کوکی ها را به طور کلی حذف کنید (شکل 7.5).
برنج. 7.5. اطلاعات مربوط به کوکی ها از youtube.com
کوکی ها را اضافه کنید
به شما امکان می دهد کوکی ها را برای سایت فعلی یا هر سایت دیگری به طور مصنوعی تنظیم کنید و همچنین پارامترهای لازم را تنظیم کنید (شکل 7.6).
برنج. 7.6. پنجره ای برای اضافه کردن
معمولاً برای اشکال‌زدایی نحوه عملکرد کوکی‌ها و نحوه عملکرد سایت در صورت وجود، این افزونه مورد نیاز است.
CSS
این منو مسئول استایل های صفحه فعلی است.
غیرفعال کردن استایل ها
برای غیرفعال کردن استایل ها به هر دلیلی طراحی شده است.
همه سبک ها
تمام سبک های استفاده شده در صفحه را غیرفعال می کند.
سبک مرورگر پیش فرض
استایل کردن را برای همه عناصری که به طور پیش‌فرض توسط مرورگر به آنها اضافه شده است غیرفعال می‌کند. مثلا متن داخل
و
سایز متفاوتی داره
سرفصل
پس از خاموش کردن استایل، اندازه متن این عناصر یکسان خواهد بود.
سبک های درون خطی
استایل کردن را در یک برچسب غیرفعال می کند