Skip to main content

Tất tần tật về Debugging cùng Xcode (P1)

Ở bài viết trước mình đã giới thiệu về bug và debug, các bạn có thể tham khảo tại đây: Các sai lầm thường mắc phải khi Debug.
Trong series bài viết này mình sẽ tổng hợp các kĩ năng cơ bản mà ai cũng cần biết và kèm theo đó là những tips, tricks mà mình cóp nhặt được để debug cùng Xcode một cách hiệu quả.

Phần 1: Xcode Debugging sử dụng breakpoints.

Bài viết này sẽ chỉ tập trung vào giới thiệu về kĩ thuật debug Xcode sử dụng breakpoint - một debugging tool của Xcode.
A breakpoint is a debugging tool that allows you to pause the execution of your program up to a certain moment.
Chúng ta có thể hiểu breakpoint là một công cụ hỗ trợ được tích hợp trong Xcode để giúp chúng ta ngưng việc xử lí của chương trình tại một thời điểm. Việc tạm thời dừng xử lí giúp chúng ta có thể đánh giá, kiểm tra, đảm bảo code của ta chạy đúng, đồng thời hỗ trợ điều tra dấu vết của Bug khi có lỗi ngoài ý muốn xảy ra.
Creating “pause” points in your code can help you investigate your code to see where bugs occur.
Làm thế nào để tạo và sử dụng breakpoint?
Easy. Decide on where you want to pause the execution of your code and click in the left gutter to create a blue breakpoint.
Bất kì đầu dòng code nào của Xcode đều có thể đặt breakpoint bằng cách đơn giản là click vào số dòng ở phía bên trái của khu vực code.

  • Ghi chú:
  1. Debug Navigator: hiển thị tất cả threads và breakpoints.
  2. Thời điểm thread được tạo ra và xử lí code.
  3. Có thể dễ dàng đặt breakpoint bằng các click vào số thứ tự của dòng code ở phía bên trái khu vực code
  4. Khu vực debug.
  5. Active và Deactive Breakpoints.
  6. Tiếp tục hoặc dừng xử lí (keyboard shortcut: ⌃ + ⌘ + Y).
  7. Step Over: thực thi dòng code tiếp theo (keyboard shortcut F6).
  8. Step Into: đi vào bên trong function được gọi xem xét (keyboard shortcut F7).
  9. Step Out: nhảy ra khỏi function (keyboard shortcut F8).
  10. "lldb" nghĩa là "low level debugger"
Trong ảnh trên mình đã đặt debug tại đầu dòng của hàm ViewDidLoad(). Tại đây Xcode sẽ dừng xử lí TRƯỚC KHI thực thi hàm ViewDidLoad(). Mình đặt thêm một breakpoint nữa tại dòng số 24.
Tại đây nếu mình click vào icon cho phép tiếp tục hoặc dừng xử lí (keyboard shortcut: ⌃ + ⌘ + Y) thì Xcode sẽ dừng tại thời điểm trước khi code ở dòng số 24 được thực thi. Sau đó nếu mình click icon này một lần nữa thì code sẽ chạy như bình thường.
Tuy nhiên nếu tại đây mình không cho Xcode tiếp tục chạy như bình thường mà click vào Step over: thực thi dòng code tiếp theo (keyboard shortcut F6) thì Xcode sẽ dừng lại trước dòng code tiếp theo phải thực thi.
Tiếp theo trước đó mình đã chọn tab Quicksort nên trong vòng switch dòng gọi hàm Quicksort sẽ được nhảy vào.
Tại đây chúng ta có thể click vào Step Into: đi vào bên trong function được gọi xem xét (keyboard shortcut F7) để xem chi tiết phần code được thực thi trong function được gọi này.
Ngoài ra nếu muốn dừng việc inspect bên trong function nhưng chưa muốn kết thúc việc tracking sau function đó thì chúng ta có thể click vào Step Out: nhảy ra khỏi function (keyboard shortcut F8).
Nếu muốn loại bỏ breakpoint đã được đặt, chúng ta có thể click chuột phải tại vị trí của breakpoint để hiện thị các options, chúng ta cũng co thể kéo thả breakpoint ra ngoài để loại bỏ nó, ngoài ra click chuột phải sẽ disable breakpoint (làm nó mờ đi chứ không biến mất).
Dòng thông báo (lldb) xuất hiện khi ta đặt breakpoint mang ý nghĩ là "low level debugger", Xcode cung cấp cho chúng ta một môi trường debug cho ứng dụng iOS thông qua console.
LLDB stands for “low level debugger” which provides the underlying debugging environment for developing for iOS applications. It can be used to find and eliminate issues in your Swift and Objective-C code.
Vậy thì Breakpoint và LLDB liên quan gì đến nhau? LLDB cho phép chúng ta sử dụng các câu lệnh để debug trên console của Xcode: set breakpoint, liệt kê tất cả breakpoint cũng như disable breakpoint.
You can type in shortcut commands into the LLDB to help you set breakpoints at certain lines of code, set breakpoints at many points in your code, list all your breakpoints, and disable breakpoints.

Trong phần console mình đã dùng lệnh breakpoint set --selector viewDidLoad để set breakpoint tại tất cả các vị trí tồn tại keyword "viewDidLoad". Lệnh breakpoint list để liệt kê tất cả các breakpoint hiện tại đang được set. Chúng ta có thể xem chi tiết thông tin của từng breakpoint, thậm chí có thể nắm được số lần Xcode đã chạy đến breakpoint đó thông qua hit count. Lệnh breakpoint disable dùng để disable tất cả các breakpoint hiện hành, nếu mình thêm một số n là Int ngay sau, xcode sẽ hiểu là mình đang muốn disable breakpoint ở vị trí thứ n.
Trên đây là sơ lược về cách sử dụng breakpoint để debug trong Xcode, mình sẽ tiếp tục giới thiệu về các phương pháp debug trong các bài viết tiếp theo. Hi vọng rằng bài viết này có ích cho mọi người trong công cuộc diệt "bọ" sau này. Cảm ơn vì đã quan tâm đến bài viết của mình.

Các bạn cũng có thể tham khảo:
Xcode’s Debugging Tools
Apple’s GDB and LLDB Command Examples
Udacity Course (free) — Debugging
Xcode Debugging with Breakpoints (for Beginners)

Comments

Post a Comment

Popular posts from this blog

Alamofire vs URLSession

Alamofire vs URLSession: a comparison for networking in Swift Alamofire and URLSession both help you to make network requests in Swift. The URLSession API is part of the foundation framework, whereas Alamofire needs to be added as an external dependency. Many  developers  doubt  whether it’s needed to include an extra dependency on something basic like networking in Swift. In the end, it’s perfectly doable to implement a networking layer with the great URLSession API’s which are available nowadays. This blog post is here to compare both frameworks and to find out when to add Alamofire as an external dependency. Build better iOS apps faster Looking for a great mobile CI/CD solution that has tons of iOS-specific tools, smooth code signing, and even real device testing? Learn more about Bitrise’s iOS specific solutions! This shows the real power of Alamofire as the framework makes a lot of things easier. What is Alamofire? Where URLSession...
Post a Comment
Read more

Swift Tool Belt, Part 1: Adding a Border, Corner Radius, and Shadow to a UIView with Interface Builder

During my iOS work, I’ve assembled a set of code that I bring with me on every iOS project. I’m not talking about large frameworks or CocoaPods here. These are smaller Swift extensions or control overrides that are applicable to many projects. I think of them as my tool belt. In this post, I’ll show you an extension that will add a border, a corner radius, and a shadow to any UIView, UIButton, or UILabel and allow you to preview what it will look like in Interface Builder. Back in 2014, I wrote a blog post on Expanding User-Defined Runtime Attributes in Xcode where I added a border, corner radius, and shadow to a UIView using Interface Builder’s user-defined runtime attributes. This solution had no type checking—you had to type the property you wanted to modify by hand and often had to look up what it was called. You also had to run your project in order to see the effect of the runtime attribute. Starting with Xcode 6 , there is a new mech...
Post a Comment
Read more

Frame vs Bounds in iOS

This article is a repost of an answer I wrote on Stack Overflow . Short description frame = a view’s location and size using the parent view’s coordinate system ( important for placing the view in the parent) bounds = a view’s location and size using its own coordinate system (important for placing the view’s content or subviews within itself) Details To help me remember frame , I think of a picture frame on a wall . The picture frame is like the border of a view. I can hang the picture anywhere I want on the wall. In the same way, I can put a view anywhere I want inside a parent view (also called a superview). The parent view is like the wall. The origin of the coordinate system in iOS is the top left. We can put our view at the origin of the superview by setting the view frame’s x-y coordinates to (0, 0), which is like hanging our picture in the very top left corner of the wall. To move it right, increase x, to move it down increase y. To help me remember bound...
Post a Comment
Read more