Skip to content

Commit 9b47ae0

Browse files
authored
Update debug-network-requests-chrome.md
fix image links
1 parent df4a172 commit 9b47ae0

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

explorations/debug-network-requests-chrome.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -3,27 +3,27 @@ While the Chrome team is trying to integrate FedCM into devtools, we suggest dev
33
1. Open chrome://net-export from the URL bar. Select “Include raw bytes” and
44
click “Start Logging to Disk”. Select a location to save the logs when prompted.
55
<p align="center">
6-
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/net-export-entry.png?raw=true"/>
6+
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/net-export-entry.png"/>
77
</p>
88
2. Open the page that calls the FedCM API. e.g. https://webid-fcm.glitch.me
99
<p align="center">
10-
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/fedcm-1.png?raw=true"/>
10+
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/fedcm-1.png"/>
1111
</p>
1212
3. Go through the FedCM flow to debug all network requests
1313
<p align="center">
14-
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/fedcm-2.png?raw=true"/>
14+
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/fedcm-2.png"/>
1515
</p>
1616
4. Stop the logging on chrome://net-export
1717
<p align="center">
18-
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/net-export-stop.png?raw=true"/>
18+
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/net-export-stop.png"/>
1919
</p>
2020
5. Load the logs into https://netlog-viewer.appspot.com/
2121
<p align="center">
22-
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/netlog-viewer-entry.png?raw=true"/>
22+
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/netlog-viewer-entry.png"/>
2323
</p>
2424
6. Under `Events` from the left, filter the logs with `type:URL_REQUEST`
2525
<p align="center">
26-
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/netlog-viewer-example.png?raw=true"/>
26+
<img width="467" src="https://github.com/fedidcg/FedCM/blob/main/explorations/static/net-export/netlog-viewer-example.png"/>
2727
</p>
2828
7. The network requests that were sent to different endpoints can be viewed
2929
individually. They also include the response that the browser has received. If

0 commit comments

Comments
 (0)