গুগল ম্যাপস এপিআইতে 'মেটা ভিউপোর্ট ইউজার-স্কেলেবল = না' এর বিন্দুটি কী

Question

আমি গুগল ম্যাপস জাভাস্ক্রিপ্ট এপিআই ভি 3 ব্যবহার করছি এবং সরকারী উদাহরণগুলি সর্বদা আপনার এই মেটা ট্যাগটি অন্তর্ভুক্ত করেছে:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

আমি দেখেছি তৃতীয় পক্ষের বেশিরভাগ উদাহরণও তা করে। যদিও আমি এটি ব্যবহার করে একটি প্লাগইন লিখেছিলাম এবং আমার একজন ব্যবহারকারী আমাকে বলেছিলেন যে এটি তার মোবাইল ডিভাইসে জুম বা আউট করতে সক্ষম হচ্ছেন না । পরীক্ষার জন্য আমার কাছে কোনও মোবাইল ডিভাইস নেই এবং আমার অনুসন্ধানের কোনওটিতেই কোনও সহায়ক তথ্য প্রকাশ করা হয়নি।

তো, ট্যাগের বিন্দুটি কী? আমি এটা ভিতরে রাখা উচিত? আমি কি ব্রাউজার এজেন্ট সনাক্ত করার চেষ্টা করব এবং কেবল এটি ডেস্কটপ ব্রাউজারগুলির জন্য দেখাই উচিত?

আপনি যদি প্লাগইনটি পরীক্ষা করতে চান তবে আপনি এটি ডাউনলোড করতে , উত্সটি ব্রাউজ করতে বা একটি জীবন্ত উদাহরণ দেখতে পারেন ।

Comments

বিটিডব্লু, ক্রোম কনসোলে লিখেছে "কী" ব্যবহারকারী-স্কেলযোগ্য "টি স্বীকৃত এবং উপেক্ষা করা হয়নি। " যদি আপনি এটি "হ্যাঁ" মান সহও ব্যবহার করেন - ওওপিএস, সবেমাত্র লক্ষ্য করেছেন আমার "স্কেলযোগ্য" তে একটি "ই" রয়েছে, যেন এটিতে "স্কেল (একটি ড্রাগন) থাকতে পারে :-)

— জর্জ বীরবিলিস

Answer 1

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

সাম্প্রতিককালে, ইহফেং তার উত্তরে নোট হিসাবে, ক্রোম ফর অ্যান্ড্রয়েড (এবং সম্ভবত অন্যরা) এই সুবিধাটি নিয়েছে যে এর মতো ভিউপোর্ট ট্যাগ সেটযুক্ত পৃষ্ঠাগুলিতে কোনও নেটিভ ব্রাউজার জুম করছে না। এটি তাদের ব্রাউজারের অপেক্ষা করতে এবং আপনার একক স্পর্শটি ডাবল স্পর্শ হয়ে শেষ হবে কিনা তা দেখার জন্য ব্রাউজারের যে স্পর্শ ইভেন্টগুলিতে 300 মিমি দেরি করে তা থেকে মুক্তি পাওয়ার অনুমতি দেয় allows ("একক ক্লিক" এবং "ডাবল ক্লিক" ভাবুন।) তবে, যখন এই প্রশ্নটি মূলত জিজ্ঞাসা করা হয়েছিল (২০১১ সালে), কোনও মোবাইল ব্রাউজারে এটি সত্য ছিল না। এটি সবেমাত্র অদ্ভুততা যুক্ত করেছে যা পরবর্তীতে আরও দৃ more়তার সাথে উত্থিত হয়েছিল।

Comments

আমি মনে করি এটি কেবল আইফোন, আইপ্যাড .. সাফারি স্টাফগুলিতে জুম অক্ষম করে। আমার অ্যান্ড্রয়েড কেবল এটিকে উপেক্ষা করে (ব্যবহারকারী-পরিমাপযোগ্য অংশ, অবশ্যই ভিউপোর্টের বাকি অংশ নয়)

— জুয়ান

@ জুয়ান এটি কেবল আইওএস / সাফারি স্টাফের চেয়ে বেশি। আমি বাজি ধরছি এটি উদাহরণস্বরূপ, ক্রোমে অ্যান্ড্রয়েডে প্রয়োগ করা হয়েছে। তবে হ্যাঁ, ভিউপোর্ট স্টাফ অনেকগুলি অ্যান্ড্রয়েড ২ এক্স এক্স ব্রাউজারে কাজ করে না।

— ট্রট

এটা করবেন না। এটি অ্যান্ড্রয়েডের জন্য ফায়ারফক্সে (এবং সম্ভবত অন্যদের) কিছু ওয়েবসাইটকে ব্যবহারযোগ্য করে তোলে না। আপনি নিশ্চিত হতে পারবেন না যে আপনার পৃষ্ঠাটি সমস্ত ব্রাউজারগুলিতে সঠিকভাবে প্রদর্শিত হচ্ছে এবং আপনি যদি জুমিং সরিয়ে ফেলেন তবে কিছু ব্যবহারকারী আপনার সাইটটি ব্যবহার করতে পারবেন না। মাত্র 0.3 সেকেন্ডের বেশি। ইয়াহু টেক একটি উদাহরণ যদি এমন কোনও সাইট যা অ্যান্ড্রয়েডের জন্য ফায়ারফক্সে অপঠনযোগ্য হয় কারণ এটি জুম করা যায় না।

— জোশ

ব্যবহারকারী-স্কেলেবলের আরও একটি আকর্ষণীয় পার্শ্ব প্রতিক্রিয়া = না হ'ল এটি অবস্থানের সাথে সমস্যাগুলি সমাধান করে: অ্যান্ড্রয়েড ২ এক্স এক্স ব্রাউজারগুলিতে স্থির মেনুগুলি (যদিও আপনি ওয়েবেকিট-ব্যাকফেস-দৃশ্যমানতা: লুকানো;) ব্যবহার করতে পারেন

— ক্রিশ্চিয়ান বাটজেক

Answer 2

ব্যবহারকারী-স্কেলযোগ্য অক্ষম করা (যথা, জুমে ডাবল ট্যাপ করার ক্ষমতা) ব্রাউজারটিকে ক্লিকের বিলম্ব হ্রাস করতে দেয়। স্পর্শ-সক্ষম ব্রাউজারগুলিতে, ব্যবহারকারী যখন ডাবল ট্যাপটি জুম করার প্রত্যাশা করে, তখন ব্রাউজারটি ক্লিক ইভেন্টটি চালানোর আগে সাধারণত 300 মিমি অপেক্ষা করে, ব্যবহারকারী ডাবল ট্যাপ করে কিনা তা দেখার জন্য অপেক্ষা করে waiting ব্যবহারকারী-স্কেলযোগ্য অক্ষম করা ক্রোম ব্রাউজারের সাথে সাথে আরও ভাল ব্যবহারকারীর অভিজ্ঞতার সুযোগ দিয়ে ক্লিক ইভেন্টটিকে তত্ক্ষণাত্ জ্বালিয়ে দেয়।

গুগল আইও ২০১৩ সেশন থেকে https://www.youtube.com/watch?feature=player_e এমবেডড&v=DujfpXOKUp8#t=1435s

আপডেট: এটি আর সত্য নয়, <meta name="viewport" content="width=device-width">300 মিমি বিলম্ব অপসারণের জন্য যথেষ্ট

Comments

অন্যদিকে অক্ষম ব্যবহারকারীদের অ্যাক্সেসযোগ্যতার পক্ষে এটি ভাল নয়। আমি বিশ্বাস করি যে বিভাগের 508 নির্দেশিকা উল্লেখ করে যে কোনও ব্যবহারকারী 200% পর্যন্ত জুম করতে সক্ষম হবে

— গ্রাহাম ফাউলস

Answer 3

থেকে v3 এর ডকুমেন্টেশন (বিকাশকারীর নির্দেশিকা> ধারণা> মোবাইল ডিভাইসের জন্য ডেভেলপিং):

অ্যান্ড্রয়েড এবং আইওএস ডিভাইসগুলি নিম্নলিখিত <meta>ট্যাগকে সম্মান করে :

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

এই সেটিংটি উল্লেখ করে যে মানচিত্রটি পূর্ণ-স্ক্রিনে প্রদর্শিত হবে এবং ব্যবহারকারীর দ্বারা পুনরায় আকার পরিবর্তন করা উচিত নয়। নোট করুন যে আইফোনটির সাফারি ব্রাউজারটি এই <meta>ট্যাগটিকে পৃষ্ঠার <head>উপাদানগুলির মধ্যে অন্তর্ভুক্ত করা দরকার ।

Answer 4

আপনি ভিউপোর্ট মেটাট্যাগ ব্যবহার করা উচিত নয় এ সব যদি আপনার নকশা প্রতিক্রিয়াশীল নয়। এই ট্যাগটির অপব্যবহারের ফলে ভাঙা লেআউট হতে পারে। আপনি এই নিবন্ধটি ডকুমেন্টেশনের জন্য পড়তে পারেন কেন আপনি জানেন না যে আপনি এই ট্যাগটি কেন ব্যবহার করবেন না unless http://blog.javierusobiaga.com/stop- using-the-viewport-tag-until-you-know-ho

"ইউজার-স্কেলেবল = না" আইওএস ইনপুট বাক্সগুলিতে জুম-ইন প্রভাবকে আটকাতে সহায়তা করে।