Remote debugging صفحات وب با Chrome

  • بوسیله: محسن شفیعی
  • در 1393/10/13 - 18:05
  • نظرات (9)
Remote debugging

Remote debugging

همیشه یکی از چالش های طراحی صفحات وب برای گوشی های هوشمند، تست و خطایابی آنها درون محیط واقعی آنها است. برای این مشکل، راه حل هایی البته وجود دارد. سایت های وجود دارند که عکسی از صفحه شما درون دستگاه های مختلف میدهند. همچنین پکیج هایی نیز برای زبان Node js نوشته شده است که میتوانید گوشی را به سیستم متصل کنید، که به این صورت کارتان را بسیار ساده تر میکنند.
اما اگر بخواهیم از این هم ساده تر سایت ریسپانسیو را درون گوشی یا تبلتمان چک کنیم، چه راه حلی وجود دارد؟ راه حل استفاده از مرورگر گوگل کروم است. این مرورگر از نسخه 32 به بعد قابلیتی به نام Remote debugging را به خودش اضافه کرده است که در آن به راحتی میتوانید گوشی را به سیستم متصل کنید و همچنین میتوانید سایت باز شده درون گوشی را از طریق سیستم inspect کنید.
در ادامه مطلب همراه ما باشید…

(بیشتر…)

انتشار نسخه مخصوص توسعه دهندگان فایرفاکس

  • بوسیله: محسن شفیعی
  • در 1393/08/19 - 21:24
  • نظرات (8)
Firefox Developer Edition

Firefox Developer Edition

شرکت موزیلا که توسعه فایرفاکس را به عهده دارد، امروز بر طبق قولهایی که داده بود، مرورگری را مخصوص توسعه دهندگان وب منتشر کرد که با نام Firefox Developer Edition شناخته میشود. این نسخه به مناسبت دهمین سالگرد فایرفاکس منتشر شده است.

ایده اصلی در ایجاد این نسخه از فایرفاکس مجتمع کردن تمام کارهایی است که یک Front-End باید در توسعه یک سایت داشته باشد. برای مثال به گفته موزیلا با داشتن این مرورگر دیگر نیازی به هیچ برنامه یا دستگاه دیگر ندارید و حتی با استفاده از این مرورگر هنوز هم میتوانید به مرور وب بپردازید.

این نسخه از فایرفاکس که مخصوص توسعه دهندگان است با تم مشکی عرضه شده است که باعث تمرکز بیشتر توسعه‌دهنده خواهد شد.

برای اطلاعات بیشتر به ادامه مطلب مراجعه کنید…
(بیشتر…)

بهترین پلاگین های کروم برای توسعه دهندگان وب

  • بوسیله: محسن شفیعی
  • در 1392/11/03 - 22:04
  • نظرات (5)
Google Chrome

Google Chrome

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

در این مطلب چند پلاگین این مرورگر را بررسی میکنیم.

(بیشتر…)

اضافه شدن بخش Emulation به Chrome 32

  • بوسیله: محسن شفیعی
  • در 1392/10/28 - 8:59
  • نظرات (5)
Google Chrome

Google Chrome

شرکت گوگل را میتوان یکی از شرکت هایی دانست که همیشه ایده ای در سر دارد و سعی میکند کار را برای کاربران خود راحتتر کند. در نسخه 32 مرورگر Google Chrome ویژگی جدید به نام Emulation اضافه شده است. این بخش لیست گوشی ها و تبلت های هوشمندی را در اختیار ما میگذارد و زمانی که از این لیست گوشی یا تبلت مورد نظر را انتخاب کنید عرض صفحه نمایش و User Agent و Toch screen مشابه آن دستگاه را برای ما شبیه سازی میکند.

بخش Toch Screen که در نسخه های قبلی با مشکل های عمده‌ای همراه بود در این نسخه برطرف شده است و به خوبی کار میکند.

نحوه کار کردن با بخش Emulation را در ادامه مطلب ببینید

(بیشتر…)

آیا کاربران باید بتوانند JavaScript را غیرفعال کنند؟

  • بوسیله: محسن شفیعی
  • در 1392/05/14 - 4:45
  • نظرات (4)
JavaScript - جاوا اسکریپت

JavaScript – جاوا اسکریپت

 

گزینه غیرفعال کردن JavaScript از زمانی که Brendan Eich در سال 1995 این زبان را توسعه داد همیشه گزینه ای در تمام مروگرها بوده است. اما بنیاد موزیلا از نسخه 23 به بعد مرورگر فایرفاکس، این گزینه را برداشته است؛ که باعث شده است موجی از انتقادات و همچنین تشکرات به سوی فایرفاکس روانه شود.

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

اما در دهه گذشته، جاوا اسکریپت در بیشتر سایت ها حضور دارد، تا آن جاییکه با غیر فعال کردن جاوا اسکریپت درون مرورگر، سایت دچار نوعی فاجعه میشود. حتی بعضی از سایت ها، تمام سایت خودشان را با ajax لود میکنند. البته هنوز هم میشود فقط از زبان HTML در توسعه صفحات وب استفاده کرد، اما اینکار رابط کاربری را خیلی ضعیف خواهد کرد.

(بیشتر…)

ویژگی های جدید در Chrome 28

  • بوسیله: محسن شفیعی
  • در 1392/04/20 - 0:01
  • نظرات (2)
Google Chrome

Google Chrome

نسخه 28 از پرکاربرترین مرورگر دنیا پس از 6 هفته از نسخه 27 منتشر شد. هم اکنون این نسخه قابل آپدیت و دانلود شدن است.

اما ویژگی های جدید در این نسخه چیست؟

در ادامه همراه ما باشید…

(بیشتر…)

ویژگی های جدید در Firefox 22

  • بوسیله: محسن شفیعی
  • در 1392/04/05 - 15:46
  • نظرات (3)
Mozilla Firefox

Mozilla Firefox

نسخه جدید فایرفاکس شش هفته بعد از نسخه 21 آن دیروز منتشر شد. در این مطلب ویژگی های جدیدی که به نسخه فایرفاکس 22 اضافه شده است را میبینیم.

پشتیبانی از WebRTC

تا قبل از نسخه 22، فایرفاکس فقط در نسخه شبانه خود از WebRTC پشتیبانی میکرد، اما با ورود نسخه 22 پشتیبانی از WebRTC هم کامل شده است.

WebRTC به شما اجازه, تماس های ویدیویی, صوتی و انتقال فایل بین سیستم ها بدون استفاده از هیچ پلاگینی را میدهد. به هر حال APIهای این ویژگی هنوز جدید هستند و استفاده از آنها باید با کمی احتیاط صورت گیرد.

CSS3 Flexible Box

Flexbox ویژگی جدیدی در CSS3 است که به شما در لایوت بندی (Layout) سایت در انواع سایزها کمک میکند. FlexBox بیشتر از آن است که اینجا قابل توضیح باشد. اما در آینده مقالاتی در آپارنت در این مورد قرار میگیرد.

FlexBox در مرورگهای فایرفاکس، IE11 و Opera بدون پیشوند پشتیبانی میشوند (به نظر میرسد Opera با مهاجرت خود به Blink در آینده به پیشوند -webkit- احتیاج پیدا میکند). مرورگهای Chrome و Safari به پیشوند -webkit- و IE10 به پیشوند -ms- احتیاج دارند.

در ادامه همراه ما باشید…

(بیشتر…)

اپرا به Webkit روی می آورد

  • بوسیله: محسن شفیعی
  • در 1392/03/08 - 0:13
  • دیدگاه‌ها برای اپرا به Webkit روی می آورد بسته هستند
Opera

Opera

اپرا از اولین نسخه دسکتاپ خود که از موتور Webkit به جای Presto استفاده کرده است پرده برداری کرد. اپرا قبلا در ماه فوریه علاقه خود را در مورد پیوستن به Webkit نشان داد و همچنین نسخه Android این مرورگر را بر پایه همین موتور در ماه می منتشر کرد. این مرورگر همچنین به صورت خودکار از Webkit به Blink سوئیچ میکند.

به گفته اپرا, این مرورگر با موتور Chromium به کاربران یک مروگر استاندارد و با کارایی بالا خواهد بخشید. و همچنین ویژگی Opera Turbo با پشتیبانی بهتر حتی در بدترین شبکه ها بروز شده است.

این مرورگر همچنین تغییرات دیگری نیز داشته است که میتوانید با دانلود آن مشاهده کنید.

 

نمای ریسپانسیو در مرورگرها

  • بوسیله: محسن شفیعی
  • در 1392/03/04 - 13:23
  • نظرات (12)
طراحی رسپانسیو

طراحی رسپانسیو

اگر طراحی ریسپانسیو میکنید. یکی از دغدغه های شما احتمالا درست کردن اندازه مرورگر با اندازه نمایشگرهای مختلف است. برای مثال شما میخواهید ببینید سایت شما در نمایشگرهای 768*1024 چگونه دیده میشود, اینکار با تغییر سایز پنجره مرورگر به درستی انجام نمیشود. البته امروزه سایت هایی هستند که این امکان را به شما میدهند.

اما در این مطلب با ما باشید تا ببینیم مرورگرهای Firefox و Chrome چه امکاناتی را برای ما گذاشته اند.

(بیشتر…)

خداحافظی گوگل از Webkit

  • بوسیله: محسن شفیعی
  • در 1392/03/02 - 17:33
  • دیدگاه‌ها برای خداحافظی گوگل از Webkit بسته هستند
Google Chrome

Google Chrome

گوگل به عنوان دارنده بهترین مرورگر اینترنتی نسخه شماره 27 این مروگر را منتشر کرد. این نسخه آخرین نسخه گوگل است که از موتور Webkit استفاده میکند. Webkit در واقع یک موتور رندرسازی دستورات وب به صفحات اینترنتی که ما مشاهده میکنیم است, که توسط شرکت هایی مانند گوگل, اپرا, نوکیا, اپل و … توسعه داده میشد.

اما با اعلام خروج گوگل از مسیر توسعه موتور Webkit و ساخت موتور اختصاصی خودش به نام Blink, جامعه Webkit بیشترین ضرر را خواهد کرد. زیرا بخش اعظم توسعه های Webkit را گوگل انجام میداده است.

اما در واقع موتور Blink هم از هسته Webkit استفاده میکند. به نوعی این موتور جستجو مشتق شده Webkit است. اما از این به بعد به عنوان یک پروژه جدا شناخته خواهد شد. گوگل اعلام کرده است که در موتور Blink حدود 8.8 میلیون خط کد اضافی حذف شده است. همچنین آزمایش های جدید بر روی Blink نشان داده است که یک صفحه طولانی را که Webkit حدود 4 ثانیه رندر میکرد, Blink حدود 32 میلی ثانیه رندر میکند.

باید منتظر نسخه 28 کروم باشیم تا ببینیم که آیا گوگل نسخه 28 را با موتور Blink عرضه خواهد کرد یا نه.

  • صفحه 1 از 2
  • 1
  • 2
  • <