سازگاری و هماهنگی سایت با مرورگرهای مختلف

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

browser shot

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

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

microsoft expression

از نرم افزار های ماکروسافت جهت استاندارد سازی و طراحی سایت.بیشتر برای مرورگر IE و ورژن های مختلف آن هستش.

این نرم افزار را من خودم از سایت آسان دانلود ، دانلود کردم میتونید تو گوگل سرچ کنید ولی من اینجا لینک سایت اصلی رو دادم ولی شما برید آسان دانلود ! اینجا ایرانه دیگه کپی رایت بی کپی رایت … !

spoon browser sandbox

خودتون برید تو سایتش.سایته خوبیه حتی نسخه های موبایل هم توش میتونید پیدا کنید.

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

adobe browser lab

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

راستش نمیدونم آیا این نرم افزار در وب سایت های فارسی به صورت کرک شده برای دانلود وجود دارد یا نه ؟! ولی ابزار قبلی را خودم هم ازشون استفاده می کنم !

منبع انگلیسی مقاله

امتیاز شما برای این مقاله
17 نظرات
  1. بهمن می گوید

    کاش در مورد ریسپانسیو کردن اصولی و شدنی (چون هر آموزشی تا حالا دیدم برام نتیجه نداشته) یه پست بزارید

    1. آرش حیدری می گوید

      سلام
      توصیه می کنم پکیج “طراحی ریسپانسیو” سایت ما رو دیدن کنید، به صورت کاربردی و عملی آموزش داده شده .
      با احترام

  2. سعید می گوید

    ممنون مفید بود

  3. لوازم موبایل می گوید

    ممنونم عالی بود

  4. سارا می گوید

    سلام
    من یکی از قالبهای پیشفرض بلاگفا رو یکم تغییرات دادم و یه قالب جدید ساختم. البته اصلا به htmlو css آشنایی ندارم و فقط متوجه شدم که هر قسمت از کد قالب مربوط به چیه بعد همونو با چیزی که خواستم جابجا کردم. مثلا هدرش رو یا رنگ و فونت نوشته ها و …
    اما تو فقط توی کروم درست دیده میشه. تو فایرفاکس و اکسپلورر به هم ریخته است. یه راهنمایی لطفا به زبون ساده بفرمایید که من چطور این مشکلو حل کنم؟ مثلا آیا کد خاصی باید در جای خاصی قرار بدم؟ یا چی؟
    خیلی لطف بزرگی میکنین اگه کمکم کنین. ممنونم

  5. Masoud می گوید

    عالی بود مچکرم

  6. مهديه می گوید

    با سلام من شديدا علاقمندم كه طراحي وبسايت رو دنبال كنم اما فكر مي كنم شايد حضور در كلاس در اين زمينه مناسب نباشه آيا منبعي هست كه بتونيد معرفي كنيد
    چند مدت قبل چند تا كتاب گرفتم اما هيچ كدوم بدرد نخورد با اينحال كه از بزرگترين ناشران بودن

    1. آرش حیدری می گوید

      سلام
      باید تمرین کنید فقط ، pdf آموزش html و css هم بد نیست بخونید ، یک بار که یک قالب درست کنید دسستون راه میفته…

    2. FAteme می گوید

      بنظر من کتاب آموزش css که نویسندش راشل اندرو هست خیلی عالیه. تو اینترنت هم میتونین رایگان دانلودش کنین ولی کتاب واقعیش بزرگتره.

      1. آرش حیدری می گوید

        منم میرم نگاه می کنم نظرمو میگم…
        تشکر ، لطف کردید

      2. fateme می گوید

        از این کتاب هم خیلی تعریف شنیدم ولی خودم هنوز نخوندمش.

        http://www.iran-eng.com/showthread.php/333207-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css

  7. fateme می گوید

    سلام ، نمی دونم کار کردن با این سایت چجوری هستش ، آدرس سایتمو وارد کردم اما چیزی نشون نداد.این سایت رو میگم.
    http://doctorwp.com/wp-content/uploads/2012/10/Browser-shots.jpg

    1. آرش حیدری می گوید

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

      1. FAteme می گوید

        ارور میده وقتی submit میزنم. وقتیم هیچی نمیزنم چیزی نمیاد
        http://browsershots.org/http://www.kimya.xzn.ir/

      2. آرش حیدری می گوید

        سلام
        الان این لینکی رو که داده بودید نگاه کردم ، دوتا تصویر هم برای سایتتون درست کرده بود یکی برای کروم یکی هم برای فایرفاکس…مشکلی نداشت

      3. FAteme می گوید

        بله درسته. دیدمشون…
        حالا یه مشکل دیگه هست چرا عکس هدر نصفه میاد :(
        من width رو 100% قرار دادم… :(

      4. آرش حیدری می گوید

        نمی دونم راستش ، div ها و استایل ها رو چک کنید یکبار …
        اگر از قالب آماده استفاده کنید و بعد حالا بیاید به دلخواه ویرایشش کنید فکر کنم بهتر باشه …

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.