গতকাল বিকালে থেকে, আমি যখনই Chrome এর বিকাশকারী সরঞ্জামগুলির মাধ্যমে প্রাক-বিদ্যমান CSS শৈলীটি সরাসরি সংশোধন করার চেষ্টা করি তখন এটি জাভাস্ক্রিপ্ট কনসোল খোলে এবং পরিবর্তে এটির দিকে মনোযোগ দেয়। এটি কেবল স্থানীয় হোস্টকে প্রভাবিত করছে এবং লাইভ ওয়েবসাইটগুলিকে প্রভাবিত করছে না।
একটি উদাহরণ হিসাবে, এখানে কি body আমি যে সাইটে কাজ করছি সেটি ট্যাগের মত দেখাচ্ছে:
আমি পরিবর্তন করার চেষ্টা করি margin থেকে 5px, যত তাড়াতাড়ি আমি মানটি ক্লিক করি এবং টাইপ করা শুরু করি এটি খোলে এবং পরিবর্তে কনসোলকে ফোকাস করে:
নোটিশ কিভাবে এটি প্রবেশ করা হয় 5 মান হিসেবে, কিন্তু px স্বয়ংক্রিয়ভাবে খোলা কনসোল উইন্ডোতে শেষ হয়েছে।
এটি শুধুমাত্র টাইপিংয়ের সাথে ঘটছে না। আমি নিম্নলিখিত জিনিস লক্ষ্য করেছি:
- প্রথমবার বিকাশকারী সরঞ্জামগুলি খোলার সময়, কনসোল ট্যাবটি খোলে (প্রায় অর্ধেক সেকেন্ড পরেও, যখন আমি বিকাশকারী সরঞ্জামটি শেষ করার সময় এটি খোলা ছিল না)।
- ক্রোমের রঙের পিকচারের মাধ্যমে রং পরিবর্তন করার সময় এটিও ঘটে - যত তাড়াতাড়ি একটি রঙ বাছাই করা হয়, এটি কনসোলটি খোলে এবং ফোকাস করে।
- বৃদ্ধি বা হ্রাস মান আপ আপ এবং ডাউন তীর ব্যবহার করে যখন এটিও ঘটবে।
- এটা করে না ম্যানুয়ালি নতুন শৈলী ঘোষণা বা নতুন শৈলী বৈশিষ্ট্য যোগ করার সময় ঘটবে element.style এলাকা।
- এটাও করে না সম্পত্তির নামগুলিতে টাইপ করার সময় ঘটে, শুধুমাত্র তাদের মান (উদাঃ যদি আমি একটি নতুন যুক্ত করি
paddingএকটি বিদ্যমান শৈলী ঘোষণার ঘোষণা, আমি "প্যাডিং:" টাইপ করতে পারি ঠিক আছে, কিন্তু যত তাড়াতাড়ি আমি একটি মান লিখি তা কনসোলকে ফোকাস করে)।
কোন ধারণা কেন এই ঘটছে? এটি গতকাল সকালে ঘটেনি এবং আমি ক্রোম আপডেট না করে বা কোনও সেটিংস পরিবর্তন করেছি (অন্তত, ইচ্ছাকৃতভাবে নয়)।