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

[novinfard]

سلام،

این کار دو راه مختلف دارد. از اونجا که کروم یک مرورگر وابسته به موتور وبکیت است، شما می تونید در فایل 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 مورد نظر رو بدید.

پیروز باشید