فراخوانی css هنگام لود سایت با کروم

[mkamka 1]

سلام دوستان

من یک قالب طراحی کردم که با فایرفاکس و اینترنت اکسپولرر سازگارش کردم. اما تو کروم مشکل دارم. می خواستم چطور مثل دستور زیر دستوری بنویسم که اگر مرورگر کروم بود از یک css دیگه قالب رو بخونه:

[align=left]

[/align]

[سعید حمزه زاده 104]

دوست عزیز لطفا لینک سایتتون رو لطف بفرمایید

[mkamka 1]

لینک سایت رو برای چه می خواهید.

خودم با جستجو تو نت پیدا کردم؛ اینجا قرار می دم شاید به درد دوستان دیگر هم بخورد:

این کار دو راه مختلف دارد. از اونجا که کروم یک مرورگر وابسته به موتور وبکیت است، شما می تونید در فایل Css خود این عبارت را اضافه کنید و استایلتون را درونش قرار بدید:

کد:

@media screen and (-webkit-min-device-pixel-ratio:0) { 


/* My Style Decleration */


}

راه دوم این هست که از داخل user agent صفحه، بیایید و مرورگر کروم را تشخصی دهید و بر اساس شرط جاوا اسکریپتی یا php این مرورگر را انتخاب کنید.

به طور مثال من با استفاده از جاوا اسکریپت، این شکلی نوشتم:

کد:

// define path of chrome css file
var sfile = '/chrome.css';


if (navigator.userAgent.toLowerCase().match('chrome'))
{
var headID = document.getElementsByTagName('head')[0];         
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = sfile;
cssNode.media = 'screen';
headID.appendChild(cssNode);
}

کافیه شما در کدی که نوشتم، در داخل متغیر sfile، آدرس فایل css مورد نظر رو بدید.