مصطفی چگنی
متخصص تجهیزات امنیتی و حفاظتی

Cross Browser چیست؟ به زبان بسیار ساده

Cross Browser چیست؟ Cross Browsing چیست؟ یکی از تکنیک های بسیار مهم و کلیدی که طراحان وب باید مد نظر قرار دهند Cross Browser بودن صفحات وبی می باشد که آنان طراحی می کنند.این تکنیک که همانطور از نام آن بر می آید طراحان وب را مجاب به طراحی صفحاتی می کند که به معنای ساده و عامیانه با تمامی مرورگرها همخوانی داشته باشند لذا همخوانی به این معنا که تمامی عناصر موجود در صفحات وب به درستی در تمامی مرورگرها نمایش داده شوند یا به اصطلاح با تمامی مرورگرها سازگار باشند.

دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران

اما سوالی که برای یک طراح وب ممکن است پیش آید این است که "ما با استفاده از HTML4 و css2 صفحات وب مان را طراحی می کنیم و هیچ گونه مشکلی وجود ندارد و در تمامی مرورگرها صفحات وب مان به طور استاندارد دیده می شوند پس Cross browser کجای داستان است؟" خوب جواب این سوال کاملا واضح است: طراحان وب باید در نظر داشته باشند که در حال حاضر کمتر طراح وب سایتی را خواهند یافت که از HTML4 و CSS2 برای طراحی صفحات وب استفاده کند چرا که چند سالی است که با عرضه شدن CSS3 و HTML5 جای خود را در میان طراحان باز کرده اند و قابلیت هایی را که درCSS3 و HTML5 می توان یافت در CSS2 و HTML4 نمی توان یافت.

Cross Browser چیست؟ به زبان بسیار ساده

من جمله اضافه شدن قابلیت هایی همچون متحرک سازی عناصر در صفحات توسط CSS3 و... یا اضافه شدن یک پخش کننده استاندارد صوت و تصویر در HTML5 بدون نیاز به استفاده از پلاگینی خاص و... خوب به طور مثال برای اینکه بتوان یک عنصر را در صفحات وبی که طراحی کرده ایم توسط CSS 3 متحرک کرد به جهت نمایش به طور مثال در مرورگر اینترنت اکسپلورر باید از یک دستور خاص استفاده کنیم...

بعد از این کار زمانی که صفحه طراحی شده را در اینترنت اکسپلورر باز می کنیم عمل متحرک سازی بر روی عنصر مورد نظر را به خوبی خواهیم دید اما اگر همین صفحه را در مرورگری دیگر مانند فایر فُکس باز کنیم آیا باز عمل متحرک سازی بر روی عنصر مورد نظر را خواهیم دید؟ مسلما خیر به این دلیل که همانطور که در بالا ذکر شد هنگام طراحی از دستوری استفاده کرده ایم که عمل متحرک سازی عنصر فقط در مرورگر اینترنت اکسپلورر قابل مشاهده خواهد بود پس با این حساب ما نیاز خواهیم داشت که در تمامی مرورگرها به طور مثال این عمل متحرک سازی را بتوانیم ببینیم که CSS3 برای نمایش در هر مرورگر دستوری جداگانه را در اختیار طراحان قرار داده است و طراحان با نوشتن دستورات متفاوت برای نمایش صحیح در مرورگرهای متفاوت می توانند اصطلاحا عمل Cross browser را برای صحیح دیده شدن این عنصر متحرک در تمامی مرورگرها انجام دهند.

  • نکته بسیار مهم : تکنیک Cross browser(کِراس بِرُزِر) همزمان باید با تکنیک (Responsive)ریسپانسیو پیاده سازی شوند تا بتوان نهایت کیفیت را در صفحات طراحی شده احساس کرد. این دو تکنیک قطعا مکمل هم هستند.

تشکر از خانم زند


مصطفی چگنی
مصطفی چگنی

متخصص تجهیزات امنیتی و حفاظتی

mosifa.ir بازار بزرگ تجهیزات حفاظتی امنیتی ایران

نظرات