Chrome 91-এ নতুন

পিট লেপেজ

আপনার যা জানা দরকার তা এখানে:

আমি Pete LePage , কাজ করছি, এবং বাড়ি থেকে শুটিং করছি, আসুন ডুব দিয়ে দেখি Chrome 91-এ ডেভেলপারদের জন্য নতুন কি!

ফাইল সিস্টেম অ্যাক্সেস API-এর জন্য প্রস্তাবিত নাম

এই বছর ফুগু প্রকল্প থেকে বেরিয়ে আসা আমার প্রিয় APIগুলির মধ্যে একটি হল ফাইল সিস্টেম অ্যাক্সেস APIs। একবার ব্যবহারকারী অনুমতি দিলে, অ্যাপগুলি ব্যবহারকারীদের স্থানীয় ডিভাইসে ফাইলগুলির সাথে ইন্টারঅ্যাক্ট করতে পারে, একইভাবে অন্যান্য ইনস্টল করা অ্যাপগুলি করে, আপনাকে আরও স্বাভাবিক ব্যবহারকারীর অভিজ্ঞতা তৈরি করতে দেয়।

Chrome 91 থেকে শুরু করে, আপনি এখন ইন্টারঅ্যাক্ট করার জন্য একটি ফাইল বা ডিরেক্টরির নাম এবং অবস্থান প্রস্তাব করতে পারেন৷ এটি করতে, showSaveFilePicker বিকল্পগুলির অংশ হিসাবে একটি suggestedName সম্পত্তি পাস করুন৷

const fileHandle = await self.showSaveFilePicker({
  suggestedName: 'Untitled Text.txt',
  types: [{
    description: 'Text documents',
    accept: {
      'text/plain': ['.txt'],
    },
  }],
});

একই ডিফল্ট স্টার্টিং ডিরেক্টরির জন্য যায়। উদাহরণস্বরূপ, একটি পাঠ্য সম্পাদক সম্ভবত documents ফোল্ডারে ফাইল সংরক্ষণ বা ফাইল খোলা ডায়ালগ শুরু করতে চায়। যেখানে একটি ইমেজ এডিটর সম্ভবত pictures ফোল্ডারে শুরু করতে চায়। আপনি একটি startIn সম্পত্তি পাস করে একটি ডিফল্ট স্টার্ট ডিরেক্টরি প্রস্তাব করতে পারেন।

const fileHandle = await self.showOpenFilePicker({
  startIn: 'documents'
});

সম্পূর্ণ বিবরণের জন্য টমের ফাইল সিস্টেম অ্যাক্সেস পোস্টটি দেখুন।

ক্লিপবোর্ড থেকে ফাইল পড়া

Chrome 91-এ থাকা ফাইলগুলির সাথে ইন্টারঅ্যাক্ট করার জন্য আরেকটি দুর্দান্ত নতুন API রয়েছে৷ ডেস্কটপে, ওয়েব অ্যাপগুলি এখন ক্লিপবোর্ড থেকে ফাইলগুলি পড়তে পারে৷ (ক্লিপবোর্ড থেকে ফাইল পড়া সাফারিতে 2018 সাল থেকে পাওয়া যাচ্ছে।)

অবশ্যই, আপনি ক্লিপবোর্ডে সীমাবদ্ধ অ্যাক্সেস পাবেন না, তাই আপনাকে একটি paste ইভেন্ট লিসেনার সেট-আপ করতে হবে। তারপর, ইভেন্ট হ্যান্ডলারে, আপনি ক্লিপবোর্ডে প্রতিটি ফাইলের বিষয়বস্তু অ্যাক্সেস করতে পারেন।

window.addEventListener('paste', onPaste);

async function onPaste(e) {
  const file = e.clipboardData.files[0];
  const contents = await file.text();
  ...
}

অনুমোদিত সাইটগুলিতে শংসাপত্রগুলি ভাগ করুন

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

এটি আদর্শ যখন আপনার সাইট বিভিন্ন শীর্ষ স্তরের ডোমেন থেকে পরিবেশিত হয়, যেমন google.com এবং google.ca । অথবা হতে পারে আপনি একাধিক ডোমেনের নাম পেয়েছেন।

আপনার ওয়েবসাইটগুলিকে সংযুক্ত করতে, আপনাকে একটি assetlinks.json ফাইল তৈরি করতে হবে যা ডোমেনের মধ্যে সম্পর্ককে সংজ্ঞায়িত করে৷ নীচের উদাহরণে, আমি ব্রাউজারকে বলছি যে .com এবং .co.uk ডোমেইন উভয়ই সম্পর্কিত এবং শংসাপত্রগুলি ভাগ করতে পারে৷

[{
  "relation": ["delegate_permission/common.get_login_creds"],
  "target": {
    "namespace": "web",
    "site": "https://www.example.com"
  }
 },
{
  "relation": ["delegate_permission/common.get_login_creds"],
  "target": {
    "namespace": "web",
    "site": "https://www.example.co.uk"
  }
 }]

তারপর, প্রতিটি ডোমেনের জন্য .well-known ফোল্ডারে assetlinks.json ফাইলটি হোস্ট করুন।

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

এবং আরো!

অবশ্যই আরো অনেক আছে.

I/O 2021 এর সমস্ত ভিডিও এখন অনলাইনে রয়েছে, সেখানে কিছু দুর্দান্ত সামগ্রী রয়েছে, তাই এটি পরীক্ষা করে দেখুন!

ওয়েব ট্রান্সপোর্ট -আগে বলা হত Quic Transport-এ বেশ কিছু পরিবর্তন হয়েছে এবং এটি একটি নতুন অরিজিন ট্রায়াল শুরু করছে।

ওয়েব অ্যাসেম্বলি SIMD এর মূল ট্রায়াল শেষ করেছে এবং সমস্ত ব্যবহারকারীর জন্য উপলব্ধ।

রিফ্রেশ করা ফর্ম উপাদানগুলি অবশেষে অ্যান্ড্রয়েডে অবতরণ করেছে, ব্যবহারকারীর অভিজ্ঞতা উন্নত করেছে।

এবং <link> উপাদানের media বৈশিষ্ট্য link rel="icon" এর জন্য সম্মানিত হবে, যার অর্থ আপনি মিডিয়া প্রশ্নের উপর ভিত্তি করে বিভিন্ন আইকন সংজ্ঞায়িত করতে পারেন। উদাহরণস্বরূপ অন্ধকার এবং হালকা মোডের জন্য একটি ভিন্ন আইকন।

<link
  rel="icon"
  media="(prefers-color-scheme: dark)"
  href="/icons/dark.png">
<link
  rel="icon"
  media="(prefers-color-scheme: light)"
  href="/icons/light.png">

আরও পড়া

এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 91-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন৷

সাবস্ক্রাইব

আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷

আমি পিট লেপেজ, এবং ক্রোম 92 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব যে Chrome-এ নতুন কী আছে!