PDA

View Full Version : ایجاد سایت بدون وابستگی به مرورگرها



.fatemeh
چهارشنبه 17 اسفند 1390, 23:04 عصر
سلام
همونطور که میدونید وقتی سایتی رو طراحی میکنیم،قالب سایت ممکنه در مرورگرهای مختلف دچار مشکل بشه.
و ظاهرش به هم بریزه
حالا چطوری میشه این مشکل رو حل کرد؟؟؟
یه روش میتونه طراحی تم های مجزا برای مرورگرهای مختلف باشه.
به این صورت که با SERVER_$ نوع مرورگر رو بگیریم و تم مربوط به اون رو اجرا کنیم.
روش ساده تری آیا وجود داره؟؟

Unique
پنج شنبه 18 اسفند 1390, 00:20 صبح
اگه طراح حرفه ای باشه فقط و فقط با IE مشکل پیدا میکنه که 90% مشکلات هم مربوط به IE6 (خدا نسل خودشو و استفاده کنن ... اسغفر الله) خواهد بود و نیاز نیست واسه هر Browser هم یک Theme در واقع css بسازه ! کافیه از Conditional Comment ها استفاده کنه !


<!--[if lte IE 6]>
<link type="text/css" rel="stylesheet" href="/css/ie6.css" />
<![endif]-->

توضیحات بیشتر :
http://www.dominicpettifer.co.uk/Blog/32/ie-browser-detection-for-css--using-conditional-comments-
البته توی google بگردین سایت ها با توضیحات بهتری هم هست !

شما توی انجمن طراحی وب می پرسیدین بهتر جواب میگرفتین ! نیازی به کد نویسی سمت سرور نیست !

ravand
پنج شنبه 18 اسفند 1390, 08:26 صبح
من بارها اتفاق افتاده كه قالبي كه ميسازم با مرورگرهاي مختلف مشكل داشته ولي من سعي كردم حلش كنم. راههاي زيادي هست اين چيزي كه نوشتم رو بخون:
http://www.barnamenevisi.blogsky.com/1390/09/14/post-89/
اگه تجربه ات رو ببري بالا و قالب هاي مختلف طراحي كني كم كم راه حل اين مشكلات دستت مياد.

hamed-php
پنج شنبه 18 اسفند 1390, 11:45 صبح
میشه نمونه سایتهایی بگذارید که تو browser های مختلف، تغییرات محسوسی داشته باشند

soroush.r70
پنج شنبه 18 اسفند 1390, 12:00 عصر
منم این مشکلو فقط تو ie دارم من در سیستمم 5 تا مرورگر نصبه کروم - فایرفاکس - اوپرا - سافاری تو اینا قالب جواب می ده و توی ie یه خورده به هم می ریزه دلیلش چیه چرا ie از استاندارد اون مرورگرها استفاده نمی کنه

ravand
پنج شنبه 18 اسفند 1390, 12:08 عصر
میشه نمونه سایتهایی بگذارید که تو browser های مختلف، تغییرات محسوسی داشته باشند
اين قالبم با همه ي مرورگرها سازگار هست
http://www.barnamenevisi.blogsky.com/1390/09/13/post-88/

hightech
پنج شنبه 18 اسفند 1390, 14:53 عصر
سلام
دوستان جوابهای خوبی دادن
اما معمولا باز به مشکل بر میخورید
اگه کدهای HTML و خصوصا CSSهاتون خوش ساخت باشن، نیازی به فراخوانیهای متعدد ندارید و میشه گفت در همه مرورگرها یکسان اجرا میشن (بجز نسخه های پایین)
در مورد Firefox و Chrome بخاطر نزدیک بودن هسته ها معمولا به مشکل خاصی برنمیخورید و عموما نسخه های بالا با نسخه های پایین هماهنگ هستن (بجز چند مورد جزیی در JS و CSS3)
IE رو که دیگه همه میشناسن، خوشبختانه از نسخه 7 به پایین رو سایتهای بزرگ مثل یاهو و گوگل پشتیبانی نمیکنن و میتونید با خیال راحت برنامه هاتون رو بنویسید ولی باز هم نسخه های 8 و 9 و 10 اختلافات زیادی دارن که خیلی اذیت کننده هستن
اوپرا دیگه واقعا شاهکاره، چون استانداردهای خودش رو فقط قبول داره
البته توجه داشته باشید که نسخه های آخر تمام این مرورگرها، از استاندارد واحدی تبعیت میکنن و در حقیقت با هم به توافق رسیدن در استفاده از CSS3 و HTML5 اما چون همه گیر نشده شما مجبورید کدی بنویسید که به همه مرورگرها بخوره
برای اینکار تکه کد زیر میتونه براتون مفید باشه:


<?php
if ($browser.name=="FIREFOX"){
?>
<link href="{$skin_path}/css/template_ff.css" rel="stylesheet" type="text/css" />
<?php
}
elseif($browser.browser=="OPERA"){
?>
<link href="{$skin_path}/css/template_op.css" rel="stylesheet" type="text/css" />
<?php
}
?>
<!--[if lte IE 6]>
<link rel="stylesheet" href="ie6.css" type="text/css" />
<![endif]-->

<!--[if gte IE 7.0]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->

امیدوارم مشکلتون رو حل کنه

Unique
پنج شنبه 18 اسفند 1390, 22:44 عصر
شما کافیه یه نگاه به این لینک بندازین :
http://www.w3schools.com/browsers/browsers_stats.asp

متوجه میشین که IE داره به شدت طرفدارانش را از دست میده و توی سال 2012 به زیر 20% استفاده رسیده ! که میتونید مطمئن باشین درصد بالاییش مال کاربرای ایرانیه ! (دلیلش اینه که از استاندارد ها پشتیبانی نمیکنه و خیلی موضوعات غیر استاندارد توش داره و مثل بقیه محصولات مایکروسافت پر از Bug هستش)
دوستان صحبت opera و safari را نکنید چون واقعا برای 2 یا 3 درصد استفاده کنند ه آدم خودش را اذیت کنه اونم در حالیکه بالا 80% اونها اصلا کاربر ایرانی نیستند مته به خشخاش گذاشتنه !
باز هم میگم اگه طراح به CSS مسلط باشه برای IE7 و FF3.5 و Chrome (تمامی نسخه ها) حتما میتونه طرح ثابتی بدون نیاز به چند CSS بزنه !

soroush.r70
جمعه 19 اسفند 1390, 12:41 عصر
نرم افزاری وجود داره که اشکال های طراحی که داخل ie به هم می ریزه رو بشه باهاش ویرایش کرد و درست کرد

hightech
جمعه 19 اسفند 1390, 18:42 عصر
اینجا (http://getfirebug.com/firebuglite) برنامه firebuglite رو میتونید دانلود کنید اگه با firebug کار کرده باشید میدونید که امکانات فوق العاده ای داره
دارم یه تاپیک در مورد ie مینویسم که به زودی توی سایت قرار میدم

Unique
شنبه 20 اسفند 1390, 02:05 صبح
نرم افزاری وجود داره که اشکال های طراحی که داخل ie به هم می ریزه رو بشه باهاش ویرایش کرد و درست کرد

دوست عزیز این برنامه ها معمولا ایرادات syntax شما را میگیرند و نمیتونند تشخیص بدهند اون چیزی که شما انتظار داری چی باید باشه که نیست !