The Developer 5478 اشتراک گذاری ارسال شده در 19 بهمن، ۱۳۹۱ تا کنون ابزارهای رایگان زیادی در اینترنت برای عیب یابی و بررسی مشکلات کد نویسی صفحات وب ایجاد شده‌اند و اگر شما نیز طراحی سایت انجام می‌دهید حتماً از نمونه‌هایی از این سرویس و ابزار مانند W3C Markup Validation Service استفاده کرده‌اید. اما شرکت مایکروسافت نیز در سایت جدید خود یعنی modern.IE که برای طراحان سایت، توسعه دهندگان و دیگر وبمسترها و کاربران آن را ایجاد کرده است از ابزار جدید با عنوان Scan a webpage modern.IE پرده برداری کرده است که با استفاده از آن می‌توانید از مشکلات کد نویسی سایت و صفحات وب خود آگاهی پیدا کنید. modern.IE صفحات وب را برای کدام موارد بررسی می‌کند؟ Scan a webpage modern.IE نه تنها کدهای سایت شما از لحاظ استاندارد کلی کد نویسی صفحات وب بررسی می‌کند بلکه توانایی تشخیص خطاها و مشکلات موجود در کدهای HTML سایت شما را برای نمایش در مرورگر اینترنت اکسپلورر 10، نسخه قدیمی این مرورگر و دیگر مرورگر وب را دارا می‌باشد. برای استفاده از این ابزار کافی است به رفتن به آدرس برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید. ورود یا ثبت نام و وارد کردن آدرس سایت و یا صفحه وب مورد نظر خود در این صفحه به این ابزار اجازه دهید تا تنها در چند ثانیه کدهای سایت شما را بررسی کند. پس از چند ثانیه لیست کاملی توسط این ابزار که شامل پیشنهاد بسیاری برای بهبود وضعیت سایت شما برای نمایش در دستگاه مجهز به سیستم عامل ویندوز 8 و مرورگر وب اینترنت اکسپلورر که درصد بالایی از کاربران از آن استفاده می‌کنند نمایش داده می‌شود. در زیر با تک تک بخش نمایش داده شده در این گزارش آشنا می‌شویم. Fix common problems from supporting old versions of IE: با استفاده از اطلاعات نمایش داده شده در این بخش تا حد زیادی می‌توانید سایت و صفحات وب خود را برای نمایش در نسخه های قدیمی مرورگر اینترنت اکسپلورر بهیه سازی کنید. موارد نمایش داده شده در این بخش شامل Known compatibility issues که شامل مشکلات مربوط به سازگاری کدهای شما با IE و طریقه نمایش آن می‌شود، Compatibility Mode که نشان دهنده طریقه نمایش سایت شما در حالت Compatibility Mode مرورگر اینترنت اکسپلورر برای نمایش صفحات با کد نویسی قدیمی در نسخه جدید مرورگر IE می‌باشد، Frameworks & libraries برای بررسی سازگاری فریم ورک و کتابخانه توابع کاربردی وب که از آن‌ها در صفحات سایت خود استفاده کرده‌اید و در نهایت Web standards docmode که تشخیص دهنده Document Type معرفی شده در ابتدای کدهای سایت شما (همانند HTML5) و وضعیت سازگاری و نمایش صحیح آن‌ها در IE است نمایش داده می‌شود. توجه داشته باشید در صورتی که سایت شما در هر یک از این موارد به صورت صحیح کد نویسی شده باشد این ابزار با نمایش تیک سبز رنگ در کنار این گزینه‌ها و نمایش متن No further action is suggested در پایین این گزینه‌ها این موضوع را به شما اطلاع می‌دهد و در صورتی که مشکلی وجود داشته باشد لیستی از پیشنهاد مایکروسافت برای برطرف کردن مشکلات در زیر هر یک از گزینه‌ها نمایش داده می‌شود. Help this webpage work well across browsers, across devices: موارد نمایش داده شده در این بخش نیز نشانگر سطح سازگاری سایت شما برای نمایش در مرورگر وب و دستگاه مختلف است که شامل CSS prefixes که طریقه استفاده از پیشوند در کدهای CSS سایت شما برای نمایش صحیح سایت در مرورگر مختلف بررسی می‌کند، Browser plug-ins که صفحات سایت شما را از نظر بی نیاز بودن به نصب افزونه های اضافی در مرورگر کاربر برای نمایش صحیح سایت بررسی می‌کند، Responsive web design که سایت شما را از لحاظ طراحی اصولی برای نمایش در صفحه نمایش با ابعاد و دستگاه مختلف بررسی می‌کند و در نهایت گزینه Browser detection که وضعیت سایت شما را برای شناسایی مرورگر کاربر و اضافه کردن کد مورد نیاز برای نمایش قسمت مختلف در هر یک از مرورگر بررسی می‌کند است. در صورت وجود مشکل در هر یک از این بخش‌ها با خواندن توضیحات نمایش داده شده در ستون Why is it important می‌توانید از اهمیت آن با خبر شوید و در ستون How to implement it نیز لینک و منابعی برای رفع مشکل به ساده‌ترین روش ممکن به شما ارائه می‌شود. Consider building with some new features in Windows 8: این بخش که به طور تخصصی به سازگاری سایت شما با امکانات جدید اضافه شده به Windows 8 مربوط می‌شود هم اکنون شامل دو گزینه Touch browsing default برای تشخیص کدهای CSS به‌کاربرده شده در سایت شما برای تعیین طرز عملکرد سایت در هنگام لمس کاربر در دستگاه مجهز به صفحه نمایش لمسی و Start screen site tile که وجود تگ مربوط به معرفی خصوصیات tile سایت شما که در صورت نیاز کاربران می‌توانند با استفاده از آن سایت شما را به صفحه Start Screen ویندوز 8 خود Pin کنند می‌باشد. در هر کدام از این بخش‌ها نیز طریقه اضافه کردن این کدها برای رسیدن به حداکثر سازگاری سایت شما با محیط ویندوز 8 نمایش داده می‌شود. دیگر امکانات ارائه شده در modern.IE توسط مایکروسافت اما بد نیست در همین جا با دیگر ابزارها و امکانات ارائه شده در سایت modern.IE مایکروسافت برای توسعه د طراحی استاندارد صفحات وب آشنا شویم. همان طور که با مراجعه به این سایت حتماً متوجه شده‌اید در منوی بالایی سایت گزینه‌هایی برای دسترسی به ابزار و بخش مختلف قرار گرفته‌اند که در زیر با این بخش‌ها به غیر از بخش Scan a webpage که آن را در این آموزش به صورت کامل بررسی کردیم به صورت خلاصه آشنایی پیدا می‌کنیم. Virtual tools: با رفتن به این بخش می‌توانید از ابزار طراحی شده برای اطلاع از حالت نمایش سایت خود در پلتفرم و مرورگر وب مختلف اطلاع پیدا کنید. همچنین هدیه مایکروسافت در این بخش به وبمستر ها و توسعه دهندگان وب امکان 3 ماه استفاده از سرویس BrowserStack نسخه حرفه ای به صورت رایگان است که همان طور که می‌دانید این سرویس از معروف‌ترین ابزار تهیه نسخه پیش نمایش از نحوه نمایش صفحات وب در دستگاه و مرورگر مختلف است. Code with standards: در این بخش از modern.IE نیز مقالات جذابی در مورد کد نویسی استاندارد صفحات وب با استفاده از تکنولوژی جدید در این زمینه همانند HTML5 و CSS3 به صورت رایگان عرضه می‌شود که در صورتی که از طراحان وب هستید حتماً نکات انتشار یافته در این بخش در انجام پروژه های بعدی شما کمک بزرگی در استاندارد سازی کدهای شما خواهد کرد. Meet IE: این بخش که با کلیک بر روی آن به Internet Explorer Test Drive در سایت رسمی مایکروسافت انتقال داده می‌شوید شامل نمونه‌هایی جذاب از قابلیت و امکانات طراحی شده در نسخه جدید اینترنت اکسپلورر است که با مراجعه به آن می‌توانید از عملکرد این مرورگر وب مدرن در زمینه مختلف آگاهی پیدا کنید. Download IE: در بخش Download IE همان طور که از نام آن نیز پیدا است امکان دانلود اینترنت اکسپلورر 9، اینترنت اکسپلورر 10 نسخه پیش نمایش برای ویندوز 7 و نسخه نهایی این مرورگر وب برای ویندوز 8 محیا شده است. البته طبق اخبار انتشار یافته بزودی کاربران ویندوز 7 با استفاده از بخش Update Center ویندوز خود نیز توانایی استفاده از نسخه نهایی IE 10 در سیستم خود را خواهند داشت. در صورت روبرو شدن با مشکل در هر یک از بخش modern.IE می‌توانید از قسمت نظرات همین نوشته برای بهره‌مندی از نظرات و راهنمایی دیگر کاربران سایت تورتک استفاده کنید. با توجه به گسترش استفاده از نسخه جدید سیستم عامل ویندوز در میان کاربران فارسی زبان پیشنهاد می‌کنیم هر چه زودتر سایت خود را با استفاده از این ابزار و یا ابزارها و سرویس مشابه برای نمایش در اینترنت اکسپلورر 10 بهینه سازی کنید. منبع: تورتک لینک به دیدگاه
ارسال های توصیه شده