DevTools ডাইজেস্ট, অক্টোবর 2016

আরে হেই, কেইস এখানে, গত মাস থেকে DevTools-এ নতুন কী আছে সে সম্পর্কে আপনাকে আপডেট করার জন্য অন্য ডাইজেস্টের জন্য আবার ফিরে এসেছি।

কনসোলে নতুন বৈশিষ্ট্য

Chrome 56-এ, যা বর্তমানে ক্যানারিতে রয়েছে, DevTools Console CodeMirror দ্বারা চালিত হয়। এটি নতুন বৈশিষ্ট্যগুলির একটি সম্পূর্ণ গুচ্ছ সক্ষম করে, যেমন:

আপনি টাইপ করার সাথে সাথে সিনট্যাক্স হাইলাইট করা হচ্ছে । পূর্বে, DevTools শুধুমাত্র একটি কোড ব্লক মূল্যায়ন করার পরে সিনট্যাক্স হাইলাইট করতে পারে।

ম্যাচিং বন্ধনী/বন্ধনী/বন্ধনী হাইলাইটিং । আপনি যদি একটি অতিরিক্ত বন্ধনী, বন্ধনী, বা বন্ধনী পেয়ে থাকেন, DevTools এটি লাল হাইলাইট করে।

অমিল বন্ধনী

ম্যাচিং বন্ধনী, বন্ধনী, বা বন্ধনী ধূসর হাইলাইট করা হয় যখন আপনার কার্সার তাদের একটির পাশে থাকে।

মিলে যাওয়া বন্ধনী

স্মার্ট রিটার্ন । আপনি যখন একটি মাল্টি-লাইন কোড ব্লক টাইপ করেন, তখন DevTools এখন জানে যে একটি নতুন লাইন তৈরি করতে হবে বা প্রতিবার এন্টার চাপলে আপনার কোডটি কার্যকর করতে হবে। উদাহরণস্বরূপ, ধরুন আপনি কনসোলে লুপের for নিম্নলিখিত মূল্যায়ন করতে চান:

for (var i = 0; i < 5; i++) {
  console.log(i);
}

অতীতে, প্রথম লাইনটি টাইপ করার পরে এন্টার টিপলে DevTools লাইনটি মূল্যায়ন করত, যার ফলে একটি ত্রুটি হত। একটি নতুন লাইনে কোড ব্লক চালিয়ে যেতে, আপনাকে এন্টার টিপে আগে Shift ধরে রাখতে হবে। বিপরীতে, এখন আপনি Enter চাপার পরে DevTools স্বয়ংক্রিয়ভাবে কোড ব্লকটিকে একটি নতুন লাইনে চালিয়ে দেয়, যেমনটি আপনি আশা করেন।

একাধিক কার্সারকমান্ড (ম্যাক) বা কন্ট্রোল + অল্ট (উইন্ডোজ, লিনাক্স) ধরে রাখুন এবং তারপরে ক্লিক করুন।

একাধিক কার্সার

ক্যানারি এখন অ-শীর্ষ প্রসঙ্গ লাল হাইলাইট করে

আপনি যদি ইদানীং কনসোলে কাজ করে থাকেন, তাহলে হয়ত আপনি একটি বাজে ছোট বাগ দ্বারা কামড়েছেন যা কার্যকরী প্রসঙ্গ নির্বাচককে top ছাড়া অন্য মানগুলিতে সেট করছে।

সেই বাগটি এখন Stable-এ ঠিক করা উচিত, কিন্তু, শুধুমাত্র নিরাপদ থাকার জন্য, ক্যানারিতে DevTools (Chrome 56) এখন আপনাকে সতর্ক করে যে আপনি সিলেক্টর লাল হাইলাইট করে top প্রেক্ষাপটে নেই৷

অ-শীর্ষ প্রসঙ্গ লাল হাইলাইট

নতুন ব্যবহারকারী এজেন্ট: ইউসি ব্রাউজার

আপনি এখন নেটওয়ার্ক অবস্থার ড্রয়ার ট্যাব থেকে iOS, Android বা Windows ফোনের জন্য UC ব্রাউজার নির্বাচন করতে পারেন।

ইউসি ব্রাউজার ব্যবহারকারী এজেন্ট

ভাগ করা যত্নশীল

বরাবরের মতো, আমরা DevTools সম্পর্কিত যেকোনো বিষয়ে আপনার প্রতিক্রিয়া বা ধারণা শুনতে চাই।

  • সংক্ষিপ্ত প্রশ্ন বা প্রতিক্রিয়ার জন্য বা নতুন ধারণা শেয়ার করতে Twitter-এ ChromeDevTools- এ আমাদের পিং করুন।
  • দীর্ঘ আলোচনার জন্য, মেলিং তালিকা বা স্ট্যাক ওভারফ্লো আপনার সেরা বাজি।
  • ডক্স সম্পর্কিত যেকোনো কিছুর জন্য, আমাদের ডক্স রেপোতে একটি সমস্যা খুলুন
  • আপনি সবসময় একটি বাগ ফাইল করতে বা Crbug- এ একটি বৈশিষ্ট্যের অনুরোধ করতে সরাসরি দলের কাছে যেতে পারেন।

পরের মাস পর্যন্ত,

কায়েস