কোন ব্রাউজারগুলি <স্ক্রিপ্ট async = "async" /> সমর্থন করে?

Question

1 ডিসেম্বর, ২০০৯ এ গুগল অ্যাসিক্রোনাস গুগল অ্যানালিটিক্স ট্র্যাকিংয়ের জন্য সমর্থন ঘোষণা করে ।

<script>ট্যাগের জন্য অ্যাসিঙ্ক নির্দেশিকা ব্যবহার করে অ্যাসিঙ্ক্রোনাস ট্র্যাকিং অর্জন করা হয় ।

কোন ব্রাউজারগুলি অ্যাসিঙ্ক নির্দেশকে ( <script async="async" />) সমর্থন করে এবং কোন সংস্করণ থেকে?

Comments

আপনি ঠিক সেই পৃষ্ঠাটিতেই লিঙ্ক করেছেন: "ফায়ারফক্স 3.6 হ'ল প্রথম ব্রাউজার যা আনুষ্ঠানিকভাবে এই নতুন বৈশিষ্ট্যটির জন্য সমর্থন সরবরাহ করে" FWIW এটি একটি এইচটিএমএল 5 বৈশিষ্ট্য, যা দ্রুত আরও ভাল এবং আরও ভাল সমর্থন পাচ্ছে gain

— ক্রিসেন্ট ফ্রেশ

এইচটিএমএল 5 স্পেক বলছে যে অ্যাসিঙ্ক = "সত্য" অবৈধ। বুলিয়ান এইচটিএমএল বৈশিষ্ট্য হিসাবে, গুণাবলীর উপস্থিতি "সত্য" নির্দেশ করে, যখন অ্যাট্রিবিটির অনুপস্থিতি "মিথ্যা" সমান। যদি বৈশিষ্ট্যটি উপস্থিত থাকে তবে গুণাবলীর জন্য একমাত্র বৈধ মানগুলি "" এবং "async"।

— জোয়েল মুলার 17

এইটিটিএমএল HTML5demo.braincracking.org/demo/async.php এই বৈশিষ্ট্যটির একটি সরাসরি পরীক্ষা এখানে দেওয়া হয়েছে ।

এই সংখ্যায় আগ্রহী যে কেউ জন্য ঘন ঘন চেক করতে একটি বুকমার্ক হওয়া উচিত: en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29

— pumpkinthehead

Answer 1

গুগল দ্বারা উল্লিখিত async সমর্থন দুটি অংশ ব্যবহার করে অর্জন করা হয়েছে:

• ডোমে একটি <script> ট্যাগ লিখতে আপনার পৃষ্ঠায় স্ক্রিপ্ট ব্যবহার করে (স্ক্রিপ্টটি গুগল সরবরাহ করে)।

• সেই স্ক্রিপ্টটিতে সামঞ্জস্যপূর্ণ ব্রাউজারগুলিতে সিগন্যাল করার জন্য async = "সত্য" বৈশিষ্ট্য রয়েছে যে এটি পৃষ্ঠাটি রেন্ডারিং চালিয়ে যেতে পারে।

প্রথম অংশটি <script async..ট্যাগগুলির জন্য সমর্থন ছাড়াই ব্রাউজারগুলিতে কাজ করে , এগুলিকে একটি "হ্যাক" (যদিও এটি বেশ দৃ one় একটি) দিয়ে অ্যাসিঙ্ক লোড করতে দেয় এবং ga.js পুনরুদ্ধারের জন্য অপেক্ষা না করে পৃষ্ঠাটি সরবরাহ করার অনুমতি দেয় allows

দ্বিতীয় অংশটি কেবল সামঞ্জস্যপূর্ণ ব্রাউজারগুলিকেই প্রভাবিত করে যা অ্যাসিঙ্ক এইচটিএমএল বৈশিষ্ট্য বোঝে

• এফএফ 3.6+
• অ্যান্ড্রয়েড সমস্ত সংস্করণ জন্য এফএফ
• IE 10+ (প্রাকদর্শন 2 দিয়ে শুরু)
• ক্রোম 8+
• অ্যান্ড্রয়েড সমস্ত সংস্করণের জন্য ক্রোম
• সাফারি 5.0+
• আইওএস সাফারি 5.0+
• অ্যান্ড্রয়েড ব্রাউজার 3.0+ (মধুচক্র চালু)
• অপেরা 15.0+
• অপেরা মোবাইল 16.0+
• অপেরা মিনি কিছুই নয় (8.0 হিসাবে)

Async নির্দিষ্ট করার জন্য "এইচটিএমএল 5 যথাযথ" উপায়টি একটি সহ <script async src="...", নয় <script async="true"। তবে প্রাথমিকভাবে ব্রাউজারগুলি এই বাক্য গঠনটিকে সমর্থন করে না, বা তারা রেফারেন্সযুক্ত উপাদানগুলিতে স্ক্রিপ্টের বৈশিষ্ট্য নির্ধারণকে সমর্থন করে না। আপনি যদি এটি চান তবে তালিকাটি পরিবর্তন হয়:

• এফএফ 4+
• IE 10+ (পূর্বরূপ 2 এবং তার বেশি)
• ক্রোম 12+
• অ্যান্ড্রয়েড 32+ এর জন্য ক্রোম
• সাফারি 5.1+
• কোনও অ্যান্ড্রয়েড সংস্করণ নেই

Comments

আমি নিশ্চিত না যে আপনার এমনকি অ্যাসিঙ্ক = "সত্য" দরকার আছে, আপনি কেবল '

— অ্যাসিঙ্ক

সুতরাং আমি যদি স্ক্রিপ্ট ট্যাগটি তৈরি করি যেমন গুগল করে - তবে কী সঠিক হবে: var s = document.createElement ('স্ক্রিপ্ট'); s.async = 'সত্য'; s.async = সত্য; (গুগল এটি সেভাবে করে) বা s.async = 'async'; ?

— টবি

@ তোবিয়াস: আপনি এইচটিএমএল বুলিয়ান বৈশিষ্ট্য এবং সংশ্লিষ্ট ডিওএম উপাদান বৈশিষ্ট্যগুলি মিশ্রণ করছেন: এইচটিএমএল বৈশিষ্ট্য (মার্কআপে উপস্থিত রয়েছে এবং যখন স্পষ্টভাবে বৈশিষ্ট্যগুলি ব্যবহার করে setAttribute, যা প্রস্তাবিত নয়) কেবল উপস্থিত থাকতে হবে বা খালি স্ট্রিং বা নিজেই সেট করা উচিত ( defer="defer", বিশেষত এক্সএইচটিএমএল অনুগত নথিগুলি লেখার সময় গুরুত্বপূর্ণ); জাভাস্ক্রিপ্ট ব্যবহার করে ফ্লাইটের মৌলটির সম্পত্তি নির্ধারণের সময়, ব্যবহার করা উচিত s.async = true।

— মার্সেল করপেল

@vsync: এমনকি এটি হওয়া উচিত নয় true; হয় async, async=""বা async="async"।

— মার্সেল করপেল

দয়া করে নোট করুন যে পোস্টটি প্রশ্ন সেটগুলিতে লিঙ্ক হয়েছে async="true"। এটা করার সঠিক উপায় হল না এখন , কিন্তু এটা এটা করতে শুধুমাত্র ব্যাপকভাবে সমর্থিত উপায় ছিল তারপর । উদাহরণস্বরূপ IE10p2 সমর্থিত async="true"কিন্তু সমর্থন করেনিasync="async"

— ফিলিপ রিয়েক

Answer 2

এই প্রশ্নের দুটি অংশ আছে, সত্যই।

1. প্রশ্ন: কোন ব্রাউজারগুলি মার্কআপে স্ক্রিপ্ট ট্যাগে "async" বৈশিষ্ট্য সমর্থন করে?

   উত্তর: আইই 10 পি 2 +, ক্রোম 11+, সাফারি 5+, ফায়ারফক্স 3.6+

2. প্রশ্ন: কোন ব্রাউজারগুলি গতিশীলভাবে তৈরি স্ক্রিপ্ট উপাদানটিতে জাভাস্ক্রিপ্টে "অ্যাসিঙ্ক" বৈশিষ্ট্যের জন্য আচরণকে সংজ্ঞায়িত করে এমন নতুন অনুমানকে সমর্থন করে ?

   উত্তর: IE10p2 +, ক্রোম 12+, সাফারি 5.1+, ফায়ারফক্স 4+

অপেরা হিসাবে, তারা এমন একটি সংস্করণ প্রকাশের খুব কাছাকাছি যা উভয় ধরণের অ্যাসিঙ্কটিকে সমর্থন করবে। আমি এই বিষয়ে তাদের সাথে নিবিড়ভাবে কাজ করে যাচ্ছি এবং শীঘ্রই এটি প্রকাশিত হওয়া উচিত (আমি আশা করি!)।

অর্ডারড-অ্যাসিঙ্ক (ওরফে, "অ্যাসিঙ্ক = মিথ্যা") সম্পর্কিত আরও তথ্য এখানে পাওয়া যাবে: http://wiki.whatwg.org/wiki/Dynamic_Script_Execution_Order

এছাড়াও, যদি কোনও ব্রাউজার নতুন গতিশীল অ্যাসিঙ্ক সম্পত্তি বৈশিষ্ট্য সমর্থন করে কিনা তা পরীক্ষা করতে: http://test.getify.com/test-async/

Answer 3

asyncপ্যারামিটার সমর্থনকারী ব্রাউজার সংস্করণগুলির একটি বিস্তৃত তালিকা এখানে উপলভ্য

Answer 4

আপনার রেফারেন্স করা পৃষ্ঠা থেকে:

http://googlecode.blogspot.com/2009/12/google-analytics-launches-asynchronous.html

ফায়ারফক্স 3.6 হ'ল প্রথম ব্রাউজার যা আনুষ্ঠানিকভাবে এই নতুন বৈশিষ্ট্যটির জন্য সমর্থন সরবরাহ করে। আপনি যদি কৌতূহলী হন তবে অফিসিয়াল HTML5 async নির্দিষ্টকরণের বিষয়ে আরও বিশদ এখানে রয়েছে ।

Comments

"এই নতুন বৈশিষ্ট্যটি" এইচটিএমএল 5 অ্যাসিঙ্ক বৈশিষ্ট্যটিকে উল্লেখ করছে। গুগল অ্যানালিটিক্স অ্যাসিঙ্ক স্নিপেট সমস্ত ব্রাউজার দ্বারা সমর্থিত।

— ব্রায়ান

Answer 5

asyncবর্তমানে প্রধান ব্রাউজার সব সর্বশেষ সংস্করণ সমর্থন করে। বেশিরভাগ ব্রাউজারে এটি বেশ কয়েক বছর ধরে সমর্থনযোগ্য।

আপনি এমডিএন ওয়েবসাইটে কোন ব্রাউজারগুলি অ্যাসিঙ্ক (এবং স্থগিত) সমর্থন করে তা ট্র্যাক করতে পারেন:
https://developer.mozilla.org/en-US/docs/HTML/Element/script

Comments

যদিও এই লিঙ্কটি প্রশ্নের উত্তর দিতে পারে, উত্তরের প্রয়োজনীয় অংশগুলি এখানে অন্তর্ভুক্ত করা এবং রেফারেন্সের জন্য লিঙ্কটি সরবরাহ করা ভাল। লিঙ্কযুক্ত পৃষ্ঠাগুলি পরিবর্তিত হলে লিঙ্ক-শুধুমাত্র উত্তরগুলি অবৈধ হতে পারে। - পর্যালোচনা থেকে

— মাইকেল গসকিল

@ মিশেলগ্যাসকিল এটি কি যথেষ্ট? আপনি কি আমাকে ফিলিপের উত্তরের সাথে সংযুক্ত করতে চান?

— ব্রুনোইস

Answer 6

গুগল অ্যানালিটিক্স ব্যবহার করে যা এই পৃষ্ঠার DOM (ডকুমেন্ট.সক্রিপ্টস [1] .অগ্রহ) এর জন্য একবার তাকান। আমি আপনাকে বলতে পারি যে গুগল async = "" ব্যবহার করছে।

[type="text/javascript", async="", src="http://www.google-analytics.com/ga.js"]