Google აღადგენს Dart DevTools-ს ნულიდან Flutter-ში

ფლატერი არის ა კროს-პლატფორმული პროგრამირების ჩარჩო, მიზნად ისახავს გადაჭრას კროს-პლატფორმული აპლიკაციების შემუშავების პრობლემების გარეშე, არა მშობლიური კოდის არევის გარეშე. Dart პროგრამირების ენის ცოდნით, დეველოპერს შეუძლია შექმნას აპები Android-ისთვის, iOS-ისთვის, ვებსა და დესკტოპისთვის ერთიანი ინტერფეისით ყველასთვის. ფლიტერი 1.9 მოიყვანა macOS-ისა და Catalina-ს მხარდაჭერა ალფა მდგომარეობაში, ხოლო v1.12 გამოშვებამ მომწიფდა მათი მხარდაჭერა წინასწარ ალფა მდგომარეობას და Flutter-ის v1.17 და Dart-ის v2.8 აღნიშნეს მათი პირველი სტაბილური გამოშვებები 2020 წელს. დღეს Google ავრცელებს DevTools-ის ახალ ვერსიას Dart-ისა და Flutter კოდისთვის, რომელიც განახლებულია ნულიდან Flutter-ში და გააჩნია რამდენიმე გაუმჯობესება.

წინა განცხადებაში Google-მა აღნიშნა, რომ აპირებს Dart DevTools-ის მიმდინარე ვერსიის შეცვლას ახალი Flutter ვერსიით. ეს ახლა მოხდა, რადგან ახალი DevTools განახლდა ნულიდან Flutter-ში. DevTools-ის ეს ახალი ვერსია ამატებს გაუმჯობესებებს, როგორიცაა ცვლილებები შესრულების და მეხსიერების გვერდებზე, ასევე სრულიად ახალ ქსელურ გვერდს.

მაგრამ რატომ აღვადგინოთ რაღაც, როცა ის ჯერ კიდევ მუშაობს? Flutter-ის მხარდამჭერი გუნდი ამტკიცებს, რომ პროდუქტიულობის სარგებელი მნიშვნელოვანია მაღალი ხარისხის მშენებლობისას UI-ები და ამ პრეტენზიებისადმი ნდობის დემონსტრირების საუკეთესო გზა არის იგივე ინსტრუმენტების გამოყენება საკუთარ თავს. Flutter-ში რეკონსტრუქცია ასევე საშუალებას აძლევს დეველოპერებს აირჩიონ განაწილების მოდელი კოდის დაწერის შემდეგ, რაც არის გადახვევა გადაწყვეტილების მიღების მიმდინარე სქემადან, სადაც განაწილების მოდელი კარნახობს კოდი.

DevTools იგზავნება როგორც ვებ აპლიკაცია, რომელიც აადვილებს ხელსაწყოს ინტეგრირებას არსებულ ინსტრუმენტების გამოცდილებაში ყველა სამიზნე პლატფორმები და IDE. DevTools არის ინსტრუმენტების დამოუკიდებელი ნაკრები, რომელიც მუშაობს ბრაუზერში და მუშაობს მობილური აპლიკაციებისთვის, დესკტოპის აპებისთვის და ვებისთვის აპლიკაციები.

DevTools აერთიანებს შემდეგ მახასიათებლებს:

• ფლატერის ინსპექტორი: ინსტრუმენტი ვიჯეტის ხეების ვიზუალიზაციისა და შესასწავლად. თქვენ შეგიძლიათ აირჩიოთ ვიჯეტები თქვენს გაშვებულ აპში, შეანელოთ ყველა ანიმაცია, ნახოთ ტექსტის საბაზისო ხაზები და სხვა.
  • ერთ-ერთი ახალი ფუნქციაა Layout Explorer, რომელიც შეგიძლიათ იპოვოთ Flutter Inspector-ის ჩანართში, დეტალების ხის გვერდით. Layout Explorer გაძლევთ საშუალებას შეამოწმოთ Flutter-ის მოქნილი განლაგების მოდელი. გუნდი გვაძლევს მაგალითს, თუ როგორ შეუძლია ამ ხელსაწყოს გამართვას, თუ რატომ არ გამოიყურება ვიჯეტების რიგი ისე, როგორც დეველოპერს ელოდა, მაგალითად.

• ქრონოლოგიის ხედი: აჩვენებს თითოეული კადრის აშენების დროს და ფლეიმის დიაგრამას. ეს აადვილებს პრობლემური ჩარჩოების იდენტიფიცირებას კონტექსტში.
  • ეს პანელი ახლა მოიცავს Track Widget Builds-ის ახალ ღილაკს, რომელიც ამატებს ყველა ვიჯეტის აშენების დროს თქვენი აპი ვადებში (თქვენი პროფილის აწყობის შესრულების ხარჯზე - ასე რომ, ის არ არის ჩართული ნაგულისხმევი). ეს მოსახერხებელია, როდესაც თქვენ ცდილობთ გაარკვიოთ, რომელი ვიჯეტები დგას ნელი ჩარჩოს მიღმა.

• მეხსიერების ხედი: გიჩვენებთ, როგორ იყენებს თქვენი აპლიკაცია მეხსიერებას მოცემულ მომენტში.
  • ეს ხედი ახლა აჩვენებს გამოყოფილი მეხსიერების სითბოს რუქას და ასევე საშუალებას იძლევა თვალთვალის პლატფორმის მეხსიერება.

• შესრულების ხედი: ეს არის ტრადიციული CPU პროფილერი. ეს საშუალებას გაძლევთ ჩაწეროთ თქვენი აპლიკაციის სესია და ნახოთ, რომელ ფუნქციებში ატარებდა პროცესორი თავისი დროის უმეტეს ნაწილს. თქვენ შეგიძლიათ გამოიყენოთ ეს, რათა გადაწყვიტოთ სად დახარჯოთ თქვენი დრო ოპტიმიზაციისთვის.
• DevTools მოიცავს საკუთარსაც გამართვა. ეს შეიძლება იყოს გამოსადეგი, თუ არ იყენებთ IDE-ს, მაგრამ მაინც გსურთ წყვეტის წერტილების დამატება, კოდის გადადგმა, ცვლადის მნიშვნელობების დათვალიერება და ა.შ.

• ქსელის ხედი: ეს არის სრულიად ახალი.
  • როგორც მისი სახელი გულისხმობს, ის საშუალებას გაძლევთ შეამოწმოთ ქსელის ტრაფიკი. თქვენ შეგიძლიათ ნახოთ თქვენი აპის მოთხოვნების მთელი ისტორია დაწყების დღიდან და მიიღოთ დეტალური ინფორმაცია თითოეული მათგანის შესახებ. ეს ათავისუფლებს ამ მოვლენების დამოუკიდებლად შესვლას ქსელის პრობლემის გამართვის მცდელობისგან.
  • ქსელის ჩანართი ამჟამად აჩვენებს HTTP ტრაფიკს; მომავალი გაუმჯობესებები მოიცავს ჩვენებას ზოგადი სოკეტის I/O ტრაფიკი.
  • ქსელის მოთხოვნები ასევე ნაჩვენებია Timeline-ის ხედში, ასე რომ თქვენ შეგიძლიათ იხილოთ ისინი კონტექსტში.
• ხედი ხედი: აჩვენებს მოვლენებს თქვენი აპიდან და ჩარჩოდან. მასთან ერთად, თქვენ შეგიძლიათ მარტივად გაფილტროთ შეტყობინებები (მაგალითად, შეგიძლიათ მიუთითოთ "-gc" Garbage Collector-ის მოვლენების გასაფილტრად ან "flutter.frame" მხოლოდ ჩარჩო მოვლენების საჩვენებლად). Dart-ში შეტყობინებების აღრიცხვა შეიძლება იყოს სტრუქტურირებული, და Logging ხედი იყენებს ამას.

DevTools-ის სრულად გამოსაყენებლად, შეგიძლიათ წაიკითხოთ დოკუმენტაცია. თუ იპოვით რაიმე შეცდომებს, ან თუ გსურთ ხმის მიცემა ახალ ფუნქციებზე, შეგიძლიათ ამის გაკეთება GitHub.