chrome/browser/resources/workers/index.html - Issue 7248076: DevTools: add initial support for shared workers debugging

Side by Side Diff: chrome/browser/resources/workers/index.html

Issue 7248076: DevTools: add initial support for shared workers debugging (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: Removed some debug printing Created 9 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

OLD	NEW
1 <html>	1 <html>

2 <title>Workers</title>	2 <title>Workers</title>

3 <style>	3 <style>

4 thead {	4 thead {

5 background: #E0ECFF;	5 background: #E0ECFF;

6 }	6 }

7 td {	7 td {

8 padding: 0 15px 0 15px;	8 padding: 0 15px 0 15px;

9 }	9 }

10	10

11 </style>	11 </style>

12 <script>	12 <script>

13 function requestData() {	13 function requestData() {

14 var xhr = new XMLHttpRequest();	14 var xhr = new XMLHttpRequest();

15 xhr.open('GET', 'workers_data.json', false);	15 xhr.open('GET', 'workers_data.json', false);

16 xhr.send(null);	16 xhr.send(null);

17 if (xhr.status === 200)	17 if (xhr.status === 200)

18 return JSON.parse(xhr.responseText);	18 return JSON.parse(xhr.responseText);

19 return [];	19 return [];

20 }	20 }

21	21

22 function addColumn(row, value) {	22 function addColumn(row, value) {

23 var column = document.createElement("td");	23 var column = document.createElement("td");

24 column.textContent = value;	24 column.textContent = value;

25 row.appendChild(column);	25 row.appendChild(column);

26 }	26 }

27	27

	28 function openDevTools(workerProcessHostId, workerRouteId) {

	29 chrome.send("openDevTools",

	30 [String(workerProcessHostId), String(workerRouteId)]);

	31 }

	32

28 function populateWorkerList() {	33 function populateWorkerList() {

29 var data = requestData();	34 var data = requestData();

30	35

31 var worker_properties = ["id", "url", "name", "pid"];	36 var worker_properties = ["workerRouteId", "url", "name", "pid"];

32	37

33 var list = document.getElementById("workers-table");	38 var list = document.getElementById("workers-table");

34 for (var i = 0; i < data.length; i++) {	39 for (var i = 0; i < data.length; i++) {

35 var workerData = data[i];	40 var workerData = data[i];

36 var row = document.createElement("tr");	41 var row = document.createElement("tr");

37 for (var j = 0; j < worker_properties.length; j++)	42 for (var j = 0; j < worker_properties.length; j++)

38 addColumn(row, workerData[worker_properties[j]]);	43 addColumn(row, workerData[worker_properties[j]]);

39	44

40 var column = document.createElement("td");	45 var column = document.createElement("td");

41 var link = document.createElement("a");	46 var link = document.createElement("a");

42 link.setAttribute("href", workerData.url);	47 link.setAttribute("href", "#");

43 link.textContent = "inspect";	48 link.textContent = "inspect";

	49 link.addEventListener(

	50 "click",

	51 openDevTools.bind(this,

	52 workerData.workerProcessHostId,

	53 workerData.workerRouteId),

	54 true);

44 column.appendChild(link);	55 column.appendChild(link);

45 row.appendChild(column);	56 row.appendChild(column);

46	57

47 list.appendChild(row);	58 list.appendChild(row);

48 }	59 }

49 }	60 }

50 </script>	61 </script>

51 <body onload="populateWorkerList()">	62 <body onload="populateWorkerList()">

52 <h2>Shared workers:</h2>	63 <h2>Shared workers:</h2>

53 <table>	64 <table>

54 <thead>	65 <thead>

55 <tr>	66 <tr>

56 <th>Id</th>	67 <th>Id</th>

57 <th>URL</th>	68 <th>URL</th>

58 <th>Name</th>	69 <th>Name</th>

59 <th>Process id</th>	70 <th>Process id</th>

60 </tr>	71 </tr>

61 </thead>	72 </thead>

62 <tbody id="workers-table">	73 <tbody id="workers-table">

63 </tbody>	74 </tbody>

64 </table>	75 </table>

65 </body>	76 </body>

66 </html>	77 </html>

OLD	NEW

« no previous file with comments | « no previous file | chrome/browser/ui/webui/workers_ui.cc » ('j') | content/browser/debugger/devtools_manager.cc » ('J')