প্রতি একবারে একবারে, ক্রোম পুরোপুরি বৈধ এইচটিএমএল / সিএসএসকে ভুলভাবে দেয় বা একেবারেই দেয় না। ডিওএম ইন্সপেক্টরের মাধ্যমে খনন করা প্রায়শই এটির উপায়গুলির ত্রুটিটি উপলব্ধি করতে এবং সঠিকভাবে পুনরায় আঁকার জন্য যথেষ্ট হয়, সুতরাং এটি সম্ভবত প্রমাণযোগ্যভাবে দেখা যায় যে মার্কআপটি ভাল। এটি এমন একটি প্রকল্পে প্রায়শই ঘন ঘন ঘটে (এবং অনুমানযোগ্য) যা আমি কাজ করছি তাতে আমি নির্দিষ্ট পরিস্থিতিতে একটি পুনর্নির্মাণকে বাধ্য করার জন্য কোড রেখেছি।
এটি বেশিরভাগ ব্রাউজার / ওএস সংমিশ্রণে কাজ করে:
el.style.cssText += ';-webkit-transform:rotateZ(0deg)'
el.offsetHeight
el.style.cssText += ';-webkit-transform:none'
হিসাবে, কিছু অব্যবহৃত সিএসএস সম্পত্তি চিহ্নিত করুন, তারপরে এমন কিছু তথ্যের জন্য জিজ্ঞাসা করুন যা একটি পুনরায় চিত্র আঁকতে বাধ্য করে, তারপরে সম্পত্তিটি অন্বেষণ করুন। দুর্ভাগ্যক্রমে, ম্যাকের জন্য ক্রোমের পিছনে উজ্জ্বল দল মনে হয় যে পুনরায় আঁকানো ছাড়াই সেই অফসেটহাইট পাওয়ার কোনও উপায় খুঁজে পেয়েছে। সুতরাং একটি অন্যথায় দরকারী হ্যাক হত্যা।
এখনও অবধি, আমি ক্রোম / ম্যাকের উপর একই প্রভাব পেতে সেরাটি নিয়ে এসেছি এটি এই কদর্যতা:
$(el).css("border", "solid 1px transparent");
setTimeout(function()
{
$(el).css("border", "solid 0px transparent");
}, 1000);
হিসাবে, আসলে উপাদানটি কিছুটা লাফিয়ে পড়তে বাধ্য করুন, তারপরে একটি সেকেন্ডে ঠাণ্ডা করুন এবং এটিকে আবার লাফ দিন। এটিকে আরও খারাপ করে তোলা, যদি আপনি সেই সময়সীমাটি 500 মিমি নীচে ফেলে রাখেন (যেখানে এটি কম লক্ষণীয় হবে), এটির প্রায়শই পছন্দসই প্রভাব থাকে না, যেহেতু ব্রাউজারটি তার আসল অবস্থায় ফিরে যাওয়ার আগে পুনরায় চিত্র আঁকতে পারে না।
ক্রোম / ম্যাক এ কাজ করে এমন কারও এই পুনঃনির্মাণ / রিফ্রেশ হ্যাকের (সর্বোপরি উপরের প্রথম উদাহরণের উপর ভিত্তি করে) আরও ভাল সংস্করণ সরবরাহ করার কোনও যত্ন নেই?