উপরে জেরেমির উত্তরের জন্য কিছু প্রশংসা দেখানোর জন্য কেবল এই স্ট্যাকএক্সচেঞ্জারে যোগ দিয়েছি এবং ট্যাব তালিকাটি রফতানি করতে আমি ব্যবহার করা জেএসের কয়েকটি লাইন যুক্ত করেছি (যেহেতু কার্সারের সাথে অনুলিপিটি আদর্শ নয়!)
হিসাবে জেরেমি বললেন, নির্বাচন Remote devices
অধীনে More tools
Chrome DevTools উপর ⋮
আইকন (প্যানেলের উপরের ডান):
- আপনার ফোনে USB ডিবাগিং সেট আপ (অধীনে
Settings
⇒ Developer options
, রুট প্রয়োজন হয় না)
- নোট করুন যে আপনাকে
Developer options
মেনুটি সক্ষম করতে হবে , এটি ব্যবহারকারীদের সুরক্ষার জন্য এটি ডিফল্টরূপে লুকানো আছে
- আমার ফোনে এটির জন্য number এর অধীনে বিল্ড নম্বরটিতে একাধিকবার আলতো চাপতে হবে
Settings
⇒About Device
- এটি হয়ে গেলে আপনার ইউএসবি প্লাগ ইন করুন এবং এমটিপি সংযোগের অনুমতি দিন
- যখন ক্রোম ডেভোলস রিমোট ডিভাইস প্যানেলটি খোলা থাকে, তখন ফোনটি ইউএসবি ডিবাগিংয়ের অনুমতি দেওয়ার জন্য অনুরোধ করবে
- আপনি সর্বদা কম্পিউটারকে বিশ্বাস করতে পারেন
এখন ডিভাইস সংযুক্ত হয়েছে,
- আপনি
Remote devices
জাভাস্ক্রিপ্ট ব্যবহার করে ট্যাবগুলির তালিকা পুনরুদ্ধার করতে সক্ষম হতে
নির্বাচিত ডিভলটুল ভিউতে ২ য় ডিভলটুল ভিউ খুলুন
- নোট করুন যে আপনার এটি পপ-আউট মোডে ডেভলগুলি থাকতে হবে (প্যানেলের উপরে ডানদিকে উল্লম্ব উপবৃত্তাকার চিহ্নটি ব্যবহার করুন), অন্যথায় কমান্ড + অপশন + জে (ম্যাক)
Ctrl
+ Shift
+ J
(উইন্ডো) কেবলমাত্র বন্ধ হবে প্রথম দেবতুল প্যানেল
- 'আরও দেখান' ক্লিক করে প্রথম কয়েকটি আইটেম থেকে সমস্ত ট্যাবগুলিতে তালিকাটি প্রসারিত করুন
- তালিকার বিপরীতে স্ক্রিপ্ট করতে, নিম্নলিখিত কয়েকটি লাইন কোড ব্যবহার করুন [২ য় দেবতুল উইন্ডোর কনসোলে প্রবেশ করা হয়েছে]
- NB
/deep/
হ'ল #shadow-root
DOM উপাদানগুলি প্রবেশের জন্য সিএসএস নির্বাচক
অ্যান্ড্রয়েডের জন্য ক্রোমে খোলা সমস্ত ইউআরএলের একটি তালিকা রফতানি করতে, আমি কেবল তালিকাটিকে একটি মার্কডাউন ফর্ম্যাটযুক্ত পাঠ্য স্ট্রিংয়ে তৈরি করে ক্লিপবোর্ডে অনুলিপি করতে বেছে নিয়েছি
tabs = Array.from(document.querySelectorAll('div /deep/ div /deep/ div /deep/ div /deep/ div /deep/ .device-page-list .vbox'), s => ({name: s.querySelector('.device-page-title').textContent, url: s.querySelector('.device-page-url .devtools-link').href}))
str = '';
for (i=0;i<tabs.length;i++){
str += '['+tabs[i]['name']+']('+tabs[i]['url']+')\n'
}
copy(str)
তারপরে আপনার ক্লিপবোর্ডে এমন একটি তালিকা পাবেন:
[How can I export the list of open Chrome tabs? - Android Enthusiasts Stack Exchange](https://android.stackexchange.com/questions/56635/how-can-i-export-the-list-of-open-chrome-tabs)
[Get Started with Remote Debugging Android Devices | Tools for Web Developers | Google Developers](https://developers.google.com/web/tools/chrome-devtools/remote-debugging/)
[How To Enable USB Debugging On Your Android Phone](https://www.groovypost.com/howto/mobile/how-to-enable-usb-debugging-android-phone/)
[Configure On-Device Developer Options | Android Studio](https://developer.android.com/studio/debug/dev-options.html)
...
হালনাগাদ
কোনও কারণে আমি কিছু সময় একটি ত্রুটি পেয়েছি , এটি বলে যে এটি href
কোনও null
আইটেমের বৈশিষ্ট্য পেতে ব্যর্থ হয়েছে (যখন আমি এটি পরিদর্শন করি এটি এটি একটি অদৃশ্য নোড, কে জানে)। এটির পদক্ষেপ নিতে, পরিবর্তে এই সংস্করণটি ব্যবহার করুন:
tabs = document.querySelectorAll('div /deep/ div /deep/ div /deep/ div /deep/ div /deep/ .device-page-list .vbox')
str = '';
for (i=0;i<tabs.length;i++){
if (tabs[i].querySelector('.device-page-url .devtools-link') != null){
str += '- ['+tabs[i].querySelector('.device-page-title').textContent + '](' + tabs[i].querySelector('.device-page-url .devtools-link').getAttribute('href') +')\n'
} else {
console.log(tabs[i])
}
}
copy(str)