development/github-desktop
development/github-desktop
1
0
Fork 0
mirror of https://github.com/desktop/desktop synced 2024-08-28 12:40:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

refreshed screenshots and instructions

Browse source 
Electron 2.x has a new version of Chrome Dev Tools ✨
This commit is contained in:
Brendan Forster 2018-10-14 17:16:59 -03:00 committed by GitHub
parent 45e7463884
commit 7a2cb05788
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
docs/contributing/timeline-profile.md
View file

@ -12,29 +12,24 @@ issue.
<img width="558" src="https://user-images.githubusercontent.com/359239/26888284-f80ed244-4b80-11e7-86cf-933c59b8f370.png">
- Get the Desktop application ready to perform the problem action.
- Select the **Timeline** tab.
- Select the **Performance** tab. Ensure the **Disable JavaScript samples** option is **unchecked**.
<img width="1123" src="https://user-images.githubusercontent.com/359239/26887089-7c82f0cc-4b7d-11e7-9cf4-fcbd5a994e1f.png">
- Ensure you have **JS Profile** checked - other items might be helpful, but
will add to the size of the generated timeline data.
<img width="1123" src="https://user-images.githubusercontent.com/359239/26888385-3fc9157c-4b81-11e7-9083-379a37d20641.png">
<img width="972" src="https://user-images.githubusercontent.com/359239/46921615-e9a8c100-cfd3-11e8-9a0f-eac7fda611f6.png">
- Press the **Record** button on the left to start recording.
<img width="1123" src="https://user-images.githubusercontent.com/359239/26887091-7c8acc3e-4b7d-11e7-9d32-961ac353f1b9.png">
<img width="1051" src="https://user-images.githubusercontent.com/359239/46921640-3be9e200-cfd4-11e8-937b-b3ebbebaab68.png">
- Perform the problem action in Desktop. Try and keep the test focused on the
issue you're seeing.
- Switch back to the Developer tools and press **Stop** to complete recording.
<img width="1011" src="https://user-images.githubusercontent.com/359239/26887304-0700a514-4b7e-11e7-9a1d-74fac88cecee.png">
<img width="1050" src="https://user-images.githubusercontent.com/359239/46921658-8a977c00-cfd4-11e8-86ed-d4b6878f08c5.png">
- In the graph section, right-click and select **Save timeline data**. Save the
JSON file somewhere you can access later.
- In the header, click the **Save profile...** menu item. Save the JSON file
somewhere you can access later.
<img width="1014" alt="screen shot 2017-06-07 at 12 38 18 pm" src="https://user-images.githubusercontent.com/359239/26887386-472e9c7c-4b7e-11e7-9d39-a9b71ea3d70a.png">
<img width="405" src="https://user-images.githubusercontent.com/359239/46921672-b450a300-cfd4-11e8-98c6-cba2b3eef1b8.png">
- Compress the JSON file to reduce the file size (it could be 10MB or more
depending on how long you ran the test for).