xdebug-helper-for-chrome/options.html at master · tekintian/xdebug-helper-for-chrome · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Xdebug helper</title>
    <link rel="stylesheet" href="options.css">
</head>
<body>
    <div id="content">
        <div id="heading">
            <h1>Xdebug helper</h1>
            <p>Easy debugging, profiling and tracing</p>
        </div>

        <h3>Introduction</h3>
        <p class="contentTxt">
            First <a href="https://dev.tekin.cn/tag/xdebug" target="_blank" class="txtlink">Install Xdebug</a> and configure <a target="_blank" class="txtlink" href="https://xdebug.org/docs/install">Xdebug</a>, then set your IDE key below. Now tell Xdebug to debug, profile or trace by clicking the little bug in the addressbar:
        </p>
        <p class="contentTxt">
            <span class="icon-indicator icon-gray"></span> Debugging, profiling &amp; tracing disabled<br />
            <span class="icon-indicator icon-green"></span> Debugging enabled<br />
            <span class="icon-indicator icon-blue"></span> Profiling enabled<br />
            <span class="icon-indicator icon-purple"></span> Tracing enabled
        </p>
        <p class="hint">Use Ctrl+Shift+X (Cmd+Shift+X on Mac) to open the popup or Alt+Shift+X to toggle the debugging state.</p>

        <h3>IDE key</h3>
        <p class="note">Select your IDE to use the default session key or choose other to use a custom key.</p>
        <p>
            <select id="ide">
                <option value="vsc">Visual Studio Code</option>
                <option value="idea">IntelliJ IDEA</option>
                <option value="eclipse">Eclipse</option>
                <option value="netbeans-xdebug">Netbeans</option>
                <option value="macgdbp">MacGDBp</option>
                <option value="PHPSTORM">PhpStorm</option>
                <option value="null">Other</option>
            </select>
            <span id="customkey"><input type="text" id="idekey" /></span>
            <button class="save-button">Save</button>
        </p>

        <h3>Trace Trigger Value</h3>
        <p class="note">If your xdebug is configured with a unique trace trigger key, set that value here. This value is blank by default.</p>
        <p>
            <input type="text" id="tracetrigger" value="">
            <button class="save-button">Save</button>
        </p>

        <h3>Profile Trigger Value</h3>
        <p class="note">If your xdebug is configured with a unique profile trigger key, set that value here. This value is blank by default.</p>
        <p>
            <input type="text" id="profiletrigger" value="">
            <button class="save-button">Save</button>
        </p>

        <h3>Disable Popup</h3>
        <p class="note">
            If checked, xdebug session will be enabled / disabled by left click on the xdebug helper icon, xdebug helper's popup will be disabled.
        </p>
        <p>
            <label>
                <input type="checkbox" id="disable-popup" value="1">
                <span>Disable Popup</span>
            </label>
            <span class="disable-popup-saved fade">Saved</span>
        </p>

        <h3>Xdebug 3.x Mode</h3>
        <p class="note">
            For Xdebug 3.x, you can use the <code>XDEBUG_SESSION_START</code> URL parameter instead of cookies.
            This is the recommended method for Xdebug 3.x and later versions.
        </p>
        <p>
            <label>
                <input type="checkbox" id="use-session-start" value="1">
                <span>Use XDEBUG_SESSION_START URL parameter (Xdebug 3.x)</span>
            </label>
        </p>

        <footer id="footer">
            <a href="https://github.com/tekintian/xdebug-helper-for-chrome" class="contribute" target="_blank">
                Feel free to submit ideas, bugs and pull request to our <span>Github project</span>
            </a>
        </footer>
    </div>
    <script src="options.js"></script>
</body>
</html>