۰۵-۰۱

اگر از آن دسته افرادی باشید که بیشتر وقت آزاد خود را با وبگردی و گشت و گذار در اینترنت پر میکنید ، حتما برایتان مهم است که با چه ابزار یا بهتر بگوییم ” مرورگری ” این کار را انجام میدهید . بگذارید به چند ماه گذشته برگردیم و نگاهی به عملکرد مرورگر ویندوزفون ۸.۱ بیندازیم ! نا امید شده اید ، نه ؟ هم اکنون مایکروسافت اِج جای برادر پیر خود را پر کرده است ولی آیا این مرورگر نیاز های کاربران را از لحاظ کاربردی و کیفی پر میکند ؟ با وینفون همراه باشید.

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

جاواسکریپت

اگر شما توسعه دهنده وب یا یک کاربر نیمه حرفه ای باشید، حتما اسم “جاواسکریپت” به گوشتان خورده است. جاواسکریپت یکی از زبان های برنامه نویسی مبتنی بر اشیاء است که توسط NetScape تولید شده است. این زبان برنامه نویسی شباهت زیادی به جاوا دارد، ولی اشتباه نکنید، NetScape برای یادگیری آسان تر این زبان، آنرا شبیه به سی پلاس پلاس و یا جاوا تدوین کرده است. از دستورات کاربردی این زبان می توان به ” if, for, try..catch ,”while” اشاره نمود. حال احتمالا این سوال برایتان به وجود آمده است که کاربرد این زبان برنامه نویسی چیست؟ توسعه دهندگان و طراحان وب از این زبان بیشتر برای پویایی صفحات و یا انیمیشن گذاری بر روی آنها استفاده می کنند.

javascript-code-1

توضیحات بالا تنها زمینه ای برای آشنایی بیشتر با جاواسکریپت بود ، مشکل اصلی اینجاست که مرورگر پیشفرض مایکروسافت یا همان مایکروسافت اِج مشکل برادر پیرش را به ارث برده ، در حال حاضر هنوز نمی تواند بطور کامل و صحیح کد های جاواسکریپت را استخراج و به نمایش در بیاورد. این مشکل در رزولوشن های بالا، کمتر به چشم میخورد ولی برای مثال اگر شما وبسایتی را باز کنید که نوار اسکرول آن برای زیبایی و یا حرکت بهتر با جاواسکریپت نوشته شده باشد، به احتمال زیاد شما دچار لگ و کندی در جا به جا کردن صفحه خواهید شد.

مشکل واکنش گرایی در رزولوشن های پایین

https://studio.uxpin.com/wp-content/uploads/2015/10/responsive-web-design.png

مشکل بعدی که باید درباره آن صحبت کنیم ، ریسپانسیو (ریسپانسیو به معنای پاسخ گرا یا واکنشی می باشد. به این معنا که طراحی وب سایت به گونه ای می باشد که در صفحات مختلف و ابزارهای متفاوت سایت به درستی نمایش داده می شود، به عنوان مثال زمانی که شما از طریق گوشی یا تبلت سایت را تماشا می کنید ساختار ظاهری سایت به گونه ای تغییر پیدا می کند که قابلیت پیمایش سایت در این ابزارها به راحتی فراهم گردد. از طرفی در مانیتورهای با  رزولوشن بالا نیز سایت به گونه ای مناسب نمایش داده می شود و به عبارت دیگر کاربران با هر ابزاری سایت شما را تماشا می کنند از محتوا و ظاهر سایت شما کمال استفاده را خواهند برد.) نبودن یک وبسایت می باشد . اگر برای مثال اگر شما به سایتی بروید که قالب آن بصورت واکنش گرا طراحی نشده باشد، همان گونه به نمایش در خواهد آمد که در دسکتاپ و رزولوشن های بالا است . اگر شما با گوگل کروم در یک گوشی با سیستم عامل اندروید یا iOS کار کرده باشید، تا حدودی می توانید بدون مشکل در سایت مورد نظر گشت و گذار کنید. ولی اگر یکبار سایتی که واکنشگرا نیست و قالب آن برای موبایل تعبیه نشده باشد را با مایکروسافت اِج تجربه کنید خودتان متوجه فاجعه خواهید شد. کوچک بودن عناصر وبسایت و ناتوانی مایکروسافت اِج برای شناسایی درست کد ها و هماهنگ سازی آن با لمس صفحه گوشی شما ، می تواند لطمه زیادی به کار و زمان شما بزند. معمولا سایت هایی که با گجت های ویندوزی در ارتباط هستند، بصورت ریسپانسیو طراحی شده اند و مشکل خاصی با تغییر رزولوشن ندارند ولی اگر شما، یک وبمستر هستید و میخواهید کمی سایت خود را با مایکروسافت اِج در رزولوشن های پایین سازگار کنید، پیشنهاد من استفاده از عنصر Padding برای عریض کردن دکمه های وبسایت است.

مشکلات بالا تنها ناشی از کامل نبودن سورس ها و منابع داده مایکروسافت اِج و همچین کم توجهی برخی توسعه دهندگان وبسایت ها به کد نویسی استاندارد و قابل قبول برای تمام رزولوشن هاست. از مایکروسافت انتظار می رود که در نسخه های بعدی این مرورگر، آنرا کامل تر کند و نیاز کاربران به سایر مرورگر ها را کاهش دهد. یکی از نیاز ها ی توسعه دهندگان که باعث می شود بتوانند واکنش گرایی قالب سایتشان را مورد بررسی قرار دهند، نیاز به ابزاری به اسم “Responsive Design View” است که در دو مرورگر مطرح دسکتاپ موجود بوده ولی در مایکروسافت اِج خبری از آن نیست. نمایش دهنده طراحی واکنشگرا یا همان Responsive Design View، در موزیلا فایرفاکس با کلید های میانبر Crtl + Shift + M  و در گوگل کروم از قسمت Inspect elements قابل دسترسی است. این ابزار کمک شایانی به توسعه دهندگان وب میکند و با استفاده از این ، آنها میتوانند در هر رزولوشنی که بخواهند ، قالب سایتشان را ببینند . از مایکروسافت انتظار داریم: “بزودی این قابلیت را اضافه کند و تمامی رزولوشن های موبایل هایی که در حال حاضر پشتیبانی میکند را نیز در این ابزار درون ریزی کند.”

تا این قسمت، در مورد مشکلات پایه ی مایکروسافت اِج که شاید تا حالا برایتان باز و واضح نشده بود، اشاره کردیم، حال به دو ویژگی خوب این مرورگر اشاره می کنیم:

Make a Web Note

قابلیت Make a Web Note، تقریبا مانند همان اسکرین شات عمل می کند که مرورگر های دیگر بوسیله افزونه هایی مانند Awesome Screen Shot قابل دسترسی است ولی ، مایکروسافت آنرا بطور پیشفرض در مرورگر خودش تعبیه کرده و امکانات جالبی نیز در آن قرار داده که در ادامه به آنها اشاره می کنیم:

Pen یا همان خودکار ، به شما این اجازه را میدهد که در هر قسمتی از تصویر صفحه وب که میخواهید ، خطی بکشید. این ابزار دارای رنگ های: “سفید ، خاکستری ، سیاه ، زرد، نارنجی، سبز، آبی کمرنگ و پر رنگ، بنفش، سرخابی، قرمز و قهوه ای است. همچنین شما میتوانید ضخامت خطی که قرار است رسم کنید را هم مشخص کنید.

سش

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

پاک کن، به شما اجازه می دهد خطوطی که رسم کرده اید را پاک کنید.

قسمت Add a typed note یا اضافه کردن یادداشت، می تواند برای شما پنجره هایی را ایجاد کند که در آن می توانید متنی بنویسید.

Capture

این پنجره ها قابلیت پاک شدن یا تکان خوردن را نیز دارا هستند.

آخرین قسمت از Make a web note  ،Clip یا همان برش است که به شما اجازه بریدن قسمتی از تصویر صفحه وب را می دهد. Captureتصویر بریده شده به صورت خودکار در کلیپ بورد ویندوز شما ، کپی می شود و می توانید هر جایی که قابلیت پیوست رسانه دارد، آنرا Paste کنید.

طراحی ساده و یکپارچه

طراحی ساده و یکپارچه، یکی از مزایا ی دیگر مرورگر مایکروسافت است ، شاید تا کنون ضرب المثل: “عقل مردم در چشمانشان است” را شنیده باشید، بدون شک ردموندی ها با بکارگیری رابط کاربری فلت ( تخت ) طرفداران مرورگر خود را، راضی کرده اند. مرورگر اِج، دو حالت Dark و Light دارد که در حالت اول مرورگر رنگ سیاه را به خود گرفته و در حالت دوم ، مرورگر سفید رنگ می شود . تنظیم این دو حالت از قسمت تنظیمات، Choose a theme در دسترس است.


قسمت اول در مورد خوبی ها و بدی های مایکروسافت اِج بود، در قسمت بعدی، دو مرورگر پرکاربرد دیگر را معرفی میکنیم که حتما به درد شما خواهند خورد.

نظر شما درباره بخش اول این مقاله چه بود؟

منبع :

وینفون

21 پست
سپهر زمانی
فعلا شب و روزم شده ویندوز -_- ! کد نویس و طراح وب هستم از اصفهان :) تا حدودی با ساخت برنامه ها در بستر UWP و سی شارپ آشنایی دارم، سایت شخصیم ->
http://www.delusion.me
مطالب مرتبط
دیدگاه کاربران
میرزا
💔 0 پاسخ دهید چهارشنبه 15 اردیبهشت 1395

مایکروسافت در همه ی زمینه ها بی نظیره. فقط کاش روی ویندوز موبایل بهتر و بیشتر کار کنه

یکی
💔 1 پاسخ دهید چهارشنبه 15 اردیبهشت 1395

وینفون عزیز یه آمار هم از سیستم عامل، مرورگر و رزولوشن کاربرا بدید، ببینیم.

ممنون

    سپهر زمانی
    💔 0 پاسخ دهید چهارشنبه 15 اردیبهشت 1395

    سلام ، دوست عزیز یک سری هماهنگ سازی باید بشه برای ایـن کار ، بعد از این فکر کنم هنوز سیستم آمار گیر وردپرس هنوز ویندوز ده موبایل رو پشتیبانی میکنه . پرس و جو میکنم ، اگر مشکلی نبود پستش رو میزنم <۳

M.N
💔 1 پاسخ دهید چهارشنبه 15 اردیبهشت 1395

مقاله ی خوب و آموزنده ایی بود
معلومه که دقت کردین هیچ اشتباهی نداشته باشه
حتی اشتباه متداول در خوندن کلمه جاواسکریپت رو هم نداشتین.

علی
💔 0 پاسخ دهید چهارشنبه 15 اردیبهشت 1395

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

sayan
💔 0 پاسخ دهید چهارشنبه 15 اردیبهشت 1395

من که از این مرورگر راضی نیستم تو موبایل تا می خواهی یک نظر بنویسی یهویی رفرش میشه و کل نوشته ها رو باید دوباره بنویسی تو دسکتاپ که هی اینترنت قطع میشه نمی دونم از ویندوزه یا مرورگر ایراد داره

برای نوشتن دیدگاه می توانید به حساب کاربری خود وارد شوید ورود ارسال نظر به صورت مهمان
برچسب ها: , , , , , , , , , , , , , ,