یکی از دوستان درخواست کرده بود كه چطور تم دارک مود رو همه ی سایت ها فعال کنیم ؟🤔

🔥 اگه میخواید علاوه بر تم مرورگرتون ، دارک مود روی همه سایت هایی که باز میکنید اعمال بشه می تونید از اکستنشن Dark-Reader استفاده کنید 🫡

➕ تنظیمات و آپشن های جالبی داره که میتونید توی سایتش مشاهده کنید

🔗 برای مشاهده کردن اکستنشن کلیک کنید

#پست_پیشنهادی
#extension #site #browser #theme
☕️ @CodeExplore

مرورگر Brave دقیقا چیه؟ 🌐

🙂این روز ها احتمالا همتون اسم مرورگر Brave رو شنیدین و یا لوگوش که یک شیر (🦁) هستش رو دیدین. اما کاربردش چیه و از کجا اومده؟

🔔مرورگر Brave یک مرورگر WEB 3.0 محسوب میشه . در نگاه اول زیاد چیز خاصی نداره، نتایج سرچ گوگل رو میاره و ... اما اگر بیشتر بگردین و برای مثال باهاش به یوتیوب سر بزنید، متوجه میشید که برای ویدیو ها تبلیغی پخش نمیشه! بله این یکی از ویژگی های Brave هست که پیشفرض اد بلاکر داره!

🔴ویژگی دیگه اش این هست که طبق گفته سازنده ها ( که یک نمونه از سازنده ها می توان به برندان آیک یعنی خالق جاوااسکریپت اشاره کرد) اطلاعات شما در این مرورگر کمتر به فروش می رسد.

🔥این مرورگر رو با زبان های " C,C++,Javascript " ساختن و سیستم عامل هایی که پشتیبانی میکنه ویندوز های بالای ۷، لینوکس ، مک‌او‌اس، اندروید و آی‌او‌اس هستش.

🔗 لینک سایت Brave

#brave #browser
☕️ @CodeExplore

مرورگر firefox developer edition 🌕

🟠اکثر توسعه دهنده های ایرانی و خارجی از مرورگر های عادی و مرسوم استفاده میکنن، اما میخوایم با این پست شما رو یک قدم جلوتر از بقیه ببریم و مرورگری مختص خودمون (توسعه دهندگان)، که توسط فایرفاکس ساخته شده رو معرفی کنیم.

🔵 یک چشمه از قابلیت هاش، قابلیت Developer Tools فوق العاده ای از جمله Inspector قوی و Style Editor که تمامی استایل هارو میتونید از یه پیج خیلی مینیمال که حتی فایل به فایل جدا شده مدیریت و تغییراتی اعمال کنید.

🔗 لینک جهت مطالعه بیشتر

#browser #firefox
☕️ @CodeExplore

مرورگر مخصوص برنامه نویسا 💥

☄️مرورگر Polypane یه مرورگر خاص برای توسعه‌دهندگان وب هست که ابزارهای زیادی برای طراحی واکنش‌گرا (responsive) و تست سریع وب‌سایت‌ها ارائه می‌ده. این مرورگر به شما کمک می‌کنه که وب‌سایت‌هاتون رو در اندازه‌ها و دستگاه‌های مختلف تست و بهتر کنید.

👀چندتا از ویژگی ها:
1️⃣پیش‌نمایش چندگانه
2️⃣همگام‌سازی کامل
3️⃣نمایش گرید و خطوط راهنما
4️⃣ابزارهای دسترسی‌پذیری
5️⃣نمایش متا تگ‌ها و اطلاعات سئو
6️⃣ابزارهای تست سرعت

🔗 Polypane

#polypane #browser
☕️ @CodeExplore

🔥میخایم باهم بررسی کنیم که مرورگر ها چه کارایی انجام میدن تا وب سایت ها داخلشون اجرا بشه

1️⃣ درخواست و پاسخ HTTP:
- وقتی شما یک آدرس وب (URL) وارد می‌کنید، مرورگر یک درخواست به سرور ارسال می‌کند.
- سرور جواب را به مرورگر برمی‌گرداند که شامل محتوای صفحه (مثل HTML، CSS، جاوااسکریپت، و تصاویر) است.

2️⃣ تجزیه و تحلیل محتوا:
- مرورگر HTML را تحلیل کرده و یک مدل درختی به نام DOM می‌سازد.
- CSS را هم تحلیل کرده و به DOM اضافه می‌کند تا مدل CSSOM ساخته شود.
- جاوااسکریپت هم اجرا می‌شود و ممکن است تغییراتی در DOM بدهد.

3️⃣ نمایش صفحه:
- مرورگر مدل‌های DOM و CSSOM را به یک درخت رندرینگ تبدیل می‌کند.
- مکان و اندازه هر عنصر مشخص می‌شود و سپس عناصر به نمایش در می‌آیند.

4️⃣ تعاملات کاربر:
- مرورگر به کلیک‌ها، تایپ‌ها و اسکرول‌ها پاسخ می‌دهد.
- این تعاملات ممکن است باعث درخواست‌های جدید HTTP یا تغییرات در صفحه شوند.

5️⃣ بهینه‌سازی و کشینگ:
- مرورگر از کش برای کاهش زمان بارگذاری صفحات استفاده می‌کند.
- کش مرورگر می‌تواند شامل فایل‌های HTML، CSS، جاوااسکریپت، و تصاویر باشد.

❤مرورگرهای محبوب و موتورهای رندرینگشون:
- گوگل کروم: موتور Blink
- فایرفاکس: موتور Gecko
- سافاری: موتور WebKit
- مایکروسافت اج: موتور Blink

این فرآیندها به سرعت انجام میشن تا کاربر سریع تر وبسایت رو ببینه

#browser #web
☕️ @CodeExplore