Hướng Dẫn Inspect Element Trên Safari IOS - Hapolog

Khi phát triển các website, chúng ta cần kiểm thử trên nhiều thiết bị trong đó không thể không nhắc đến các thiết bị được sử dụng phổ biến nhất trên thế giới: iOS - iphone.

Bài viết này, tôi sẽ đưa ra các bước để inspect element của website trên thiết bị iPhone iOS thông qua hệ điều hành MacOS.

Bước 1: Để hiển thị chức năng Inspect Element trên Safari, điều đầu tiên bạn cần phải làm là kích hoạt menu Develop trong Safari => Preferences.

Trong Advanced chọn Show Develop menu in menu bar.

Bước 2: Tiếp theo, chúng ta cần bật Web Inspector trên thiết bị iPhone - iOS theo đường dẫn Settings => Safari => Advanced và chọn Web Inspector.

Bước cuối cùng là kết nối iPhone với MacOS thông qua cable Lightning. Mở website mà bạn muốn inspect, ở đây tôi thử inspect trang chủ của Haposoft. Trên thanh menu của Safari chọn Develop => Device (ví dụ là iPhone 11 Red Product) => website mà bạn muốn inspect để kiểm tra phần tử HTML.

và đây là kết quả:

Các bạn có thể kiểm tra các trang web mà mình đang phát triển trên Safari iPhone để có những chỉnh sửa như mong muốn.

Cảm ơn bạn đã theo dõi bài viết, hi vọng với những chia sẻ của tôi sẽ giúp ích được bạn trong việc debug trên trình duyệt Safari.

Sign up for more like this.

Enter your email Subscribe

Khi phát hành một ứng dụng lên Google Play, nhiều người nghĩ rằng chỉ cần upload bản build, điền mô tả và chờ duyệt là xong. Nhưng kể từ năm 2023, Google đã siết chặt quy trình kiểm duyệt, đặc biệt với tài khoản Google Developer cá nhân. Trước khi

🌧️ Hà Nội những ngày mưa bão, ngồi trong văn phòng nghe gió rít ngoài khung cửa, tôi bất giác lại nghĩ đến… Agile. Nghe thì có vẻ buồn cười và kỳ lạ thật 😅. Người ta thường nghĩ lúc trời mưa thì nên lo tối nay ăn gì, mai đi làm

Mindset là gì? Mindset là niềm tin định hướng cách chúng ta xử lý và đối mặt các tình huống trong cuộc sống. Nó còn được hiểu là mô thức tư duy - cách chúng ta nhìn nhận bản thân và thế giới. Theo nhà tâm lý học Carol Dweck