بازی های جالب آندروید

چرا هر دولوپری باید به یک کاربر حرفه‌ای گوگل­ کروم تبدیل شود؟

۹ تیر ۱۳۹۶

طراحی سایت


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

به‌طور قطع، مرورگرهای زیاد دیگری نظیر سافاری، فایرفاکس، اکسپلورر و … هم وجود دارند، اما کروم دارای ویژگی‌های زیادی است که به‌سادگی نمی‌توان از آن‌ها گذشت؛ حتی می‌توان گفت ابزارهایی که گوگل‌ کروم به‌ویژه در حالت پیش‌فرض در اختیار کاربران و به‌خصوص دولوپرها قرار می‌دهد، تا حدودی استثنایی هستند.

صفحات وب از کنار هم قرار گرفتن تگ‌های HTML ساخته شده‌اند و هر یک از این تگ‌ها عنصری از صفحه را ایجاد می‌نمایند؛ در کروم اگر بر روی عنصری از صفحه کلیک راست کنید و گزینهٔ Inspect را از منوی باز شده انتخاب نمایید، ساختار و تگ‌های HTML تشکیل دهندهٔ آن قسمت در پنجره‌ای به نام جعبه‌ابزار دولوپر (Developer Tools) در پایین صفحهٔ نمایش به شما نشان داده خواهد شد.

بااستفاده از این ویژگی شما می‌توانید به اطلاعات بیشتری دربارهٔ قسمت مشخصی از صفحه که مدنظر دارید دسترسی پیدا کنید؛ همچنین با کلیک بر روی تگ مربوطه، می‌توانید تغییراتی در محتوای آن ایجاد کرده و نتیجهٔ آن‌را به‌صورت درلحظه در صفحه‌ٔ نمایش ببینید (برای انجام تغییراتی از این دست، می‌توانید با کلیک راست بر روی تگ مورد نظر و انتخاب گزینهٔ Edit as HTML نیز موارد دلخواه را اعمال کنید).

در کادر سمت راست، کدهای CSS به کار رفته در صفحه برای شما نشان داده می‌شوند؛ نیاز به توضیح ندارد که آن‌ها نیز قابل تغییر بوده و نتایج درلحظه اعمال می‌شوند.

در سال ۲۰۱۶، تعداد کاربران موبایل از کاربران دسکتاپ پیشی گرفت و امروزه مفهوم Mobile First در طراحی وب، بسیار بااهمیت می‌باشد؛ برای مشاهدهٔ عملکرد وب‌سایت در ابعاد مختلف صفحه‌ نمایش، می‌توانید از آیکان موبایل (بالا سمت چپ) در Developer Tools گوگل کروم استفاده کنید و نتیجهٔ نمایش صفحهٔ موردنظر را در ابعاد مختلف موبایل از آیفون گرفته تا گلکسی و نکسوز و … ببینید.

بسیاری از زبان‌های برنامه‌نویسی دارای خصوصیت Read-Evaluate-Print-Loop یا به‌اختصار REPL می‌باشند، به این معنی که می‌توان یک خط کد را در میان برنامهٔ نوشته شده بدون نیاز به تغییرات ساختاری اضافه نمود و آن‌را به‌سرعت اجرا کرد؛ در کروم نیز با انتخاب سربرگ Console می‌توانید از  قابلیت JavaScript REPL استفاده نموده و نتیجهٔ اجرای کدهای جاوااسکریپت خود را در این قسمت ببینید.

اگر از لایبرری‌ها و فریمورک‌های خاصی استفاده می‌کنید که به‌صورت پیش‌فرض در گوگل‌ کروم وجود ندارند، به‌راحتی می‌توانید آن‌ها را از سرویس پلاگین‌های خود گوگل‌ کروم تهیه کرده و نصب نمایید. برای مثال، چنانچه توسعه‌دهندهٔ React هستید می‌توانید از React Developer Tools Chrome Add-on استفاده نمایید (البته برای سایر فریمورک‌ها نظیر Angular نیز پلاگین‌هایی اختصاصی وجود دارد).

اگرچه تقریباً تمامی مواردی که اشاره شد در سایر مرورگرها از جمله فایرفاکس نیز وجود دارند، اما طبق تحقیقات انجام شده میزان رضایت کاربران از تجربه‌ٔکاربری گوگل‌ کروم به نسبت سایر مروگرها بیشتر بوده و کروم هم‌اکنون پرمخاطب‌ترین مرورگر اینترنتی به‌شمار می‌آید. 

Why Every Developer Should Become a Power User of Google Chrome


  • برچسب ها:
    طراحی سایت | دولوپر | گوگل کروم
  • توسط:
  • تاریخ:
  • زمان مطالعه: ۴
  • تعداد بازدید: ۱۳۵

علی فلاحی

علی فلاحی هستم متولد ۱۳۶۷، کارشناسی ارشد مهندسی نرم‌افزار و از سال ۱۳۸۷ هم به صورت جدی در زمینه‌های گوناگون مرتبط با کامپیوتر مشغول به فعالیت شدم و پس از گذشت تقریبا ۲ سال، طراحی وبسایت و گرافیک را به عنوان حوزه‌های اصلی کارم انتخاب کردم؛ ادامهٔ فعالیت در زمینهٔ طراحی وبسایت منجر به آشنایی من با مباحث سیستم‌های مدیریت محتوای اپن‌سورس و بهینه‌سازی سایت برای موتورهای جستجو شد و پس از کسب تجربه در این زمینه‌ها، نقطه اشتراک گرافیک و برنامه‌نویسی رو در طراحی و توسعهٔ رابط کاربری پیدا کردم. تلاش در افزایش میزان رضایت کاربران از طراحی و تجربه کار با نرم‌افزارها به معنای کلی، آشنایی با دنیای بی‌کران UX را برای من به همراه داشت که هم اکنون نیز یکی از زمینه‌های فعالیتم هست. در طی این سال‌ها، حضور به عنوان مدرس در فضای آکادمیک در کنار فعالیت‌های تجاری باعث شد تا همواره سعی در به روز نگه داشتن اطلاعات و دانش خود داشته باشم.





تمام حقوق قالب و محتوای سایت محفوظ است و هرگونه کپی برداری غیر قانونی و بدون اجازه از سایت پیگرد قانونی دارد
طراحی و بهینه سازی : بک لینک | علی بی زد