growingioweb端调试插件、debugger、工具、GrowingIOWebDebugger是基于Chrome浏

共18个文件

png：10个

js：4个

html：3个

debugger

growingio

需积分: 5 62 浏览量 2022-10-03 09:10:05 上传评论收藏 280KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

growingio_web_debugger.zip （18个子文件）

images

icon48.png 3KB

icon32.png 2KB

icon128.png 11KB

icon16.png 1KB

icon.png 955B

filter.png 216B

manifest.json 653B

dist

7abd08b92da1abe22ca1158793c26727.png 96B

index.html 408B

app.js 1.09MB

html

gio.png 4KB

bg.js 121B

options.html 6KB

right.png 613B

options.js 5KB

icon.png 339B

devtools

devtools.js 947B

index.html 93B

<!doctype html> <html> <head> <meta charset="utf-8"> <title>GIO Debugger 选项</title> <style> body { font-size: 14px; background:#FAFAFA; padding: 20px; color: #535353; } a { text-decoration: none; } h1 {font-size: 14px; font-weight: normal;color:#262626;} h2 {font-size: 14px; margin:0} #container {max-width: 680px; margin: auto;} ul { list-style: none; padding:0; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); } li { height: 60px; line-height: 60px; border-bottom: 1px solid #EBEBEB; padding: 0 25px 0 50px; cursor: pointer; overflow:hidden; text-overflow: ellipsis; } li:last-child { border-bottom: none; } li:hover,li.focus{ background:#F8F8F8; } li.add { color:#52556C; } li.add:hover{ color:#3376DC; } .add:before{ content: '+'; margin-left: -20px; margin-right: 8px; font-size: 18px; } .circle { border: 1px solid #ccc; border-radius: 50%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin:22px 8px 0 -24px; float:left; } .name { float:left; max-width: 530px; overflow: hidden; text-overflow: ellipsis; } li:first-child:after{ content: '默认地址'; color:#C1C1C1; float: right; font-size: 12px; font-weight: 100; } li.active .circle { background: #00CF9B; border-color: #00CF9B; } li:hover .opt,li.focus .opt{ display: block; } li.active .circle:before{ transform: rotate(45deg) scale(1); display: table; border: 1px solid #fff; border-top: 0; border-left: 0; content: ' '; width: 4px; height: 8px; margin: 1px 0 0 4px; } li[new] .name:after { content: '新'; color: #f00; font-size: 12px; margin-top: -4px; transform: translateY(-6px) scale(.8); display: inline-block; } .opt{ float:right; color:#7F7583; display:none; } .opt svg { font-size: 14px; width: 14px; height: 14px; fill: currentColor; margin-left: 18px; } .mask { display:none; background: rgba(0,0,0,0.6); position:fixed; top:0; left:0; bottom: 0; right: 0; } .modal{ width: 300px; height: 152px; background:#fff; margin:auto; top: 50%; left: 50%; position:absolute; margin-top: -76px; margin-left: -150px; } .modal h2{ font-size: 12px; line-height: 3; padding:0 20px; border-bottom:1px solid #ebebeb; } .modal input{ margin: 0 20px; width: 238px; padding: 0 10px; border: 1px solid #ebebeb; line-height: 3; color: #535353; } .ctr{ text-align: right; font-size: 12px; text-decoration: none; padding: 0 20px; } .ctr a { display:inline-block; line-height: 3; padding: 0 15px; margin-left: 10px; color: #535353; cursor: pointer; } .ctr .btn{ background-color: #EA6947; color:#fff; border-radius: 2px; } .ctr .disabled{ background-color: #EBEBEB; color:#fff; border-radius: 2px; } #deleteModal{ position:absolute; background:#fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); display:none; padding: 12px 0 12px 16px; line-height: 36px; } #deleteModal:before{ content: ''; display: block; position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; top: -3px; -webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.06); box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.06); background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 30px; margin-left: -5px; } #masktrans { background: transparent; top:0; left:0; right:0; bottom:0; position:fixed; display:none; } </style> </head> <body> <svg aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden"> <symbol id="gicon-edit" viewBox="0 0 11.59 11.59"> <path d="M11.29,93.29,8.71,90.71a1,1,0,0,0-1.42,0L0,98v4H4l7.29-7.29A1,1,0,0,0,11.29,93.29ZM3.59,101H1V98.41l7-7L10.59,94Z" transform="translate(0 -90.41)"></path> <rect x="7.25" y="91.42" width="1" height="5.66" transform="translate(-64.37 -57.33) rotate(-45)"></rect> </symbol> <symbol id="gicon-delete" viewBox="0 0 14 14"> <path d="M12,2V13H2V2H1V13a1,1,0,0,0,1,1H12a1,1,0,0,0,1-1V2Z"></path> <rect y="2" width="14" height="1"></rect> <path d="M9,0H5A1,1,0,0,0,4,1V3H5V1H9V3h1V1A1,1,0,0,0,9,0Z"></path> <rect x="6.5" y="4.5" width="1" height="7"></rect> <rect x="3.5" y="4.5" width="1" height="7"></rect> <rect x="9.5" y="4.5" width="1" height="7"></rect> </symbol> </svg> <header> <img src="gio.png" alt="GrowingIO" height="23"/> </header> <div id="container"> <h1>服务器地址</h1> <ul id="list"> <li class="item active" data-val="/api.*\.growingio\.com/"> <span class="circle"></span>api.*\.growingio\.com </li> <li class="add" id="addBtn">添加服务器</li> </ul> <div class="mask" id="mask"> <div class="modal"> <h2>修改服务器地址</h2> <p><input id="options_value" /></p> <div class="ctr"> <a id="cancleModal">取消</a> <a id="saveBtn" class="btn">保存</a> </div> </div> </div> </div> <div id="masktrans"></div> <div id="deleteModal"> <div>确定要删除改地址吗？</div> <div class="ctr"> <a id="deleteCancel">取消</a> <a class="btn">确定</a> </div> </div> <div style="display:none"> <li id="template" class="item" new="1" data-val=""> <span class="circle"></span> <span class="name"></span> <span class="opt"> <svg class="edit"><use xlink:href="#gicon-edit" class="edit" /></svg> <svg class="delete"><use xlink:href="#gicon-delete" class="delete" /></svg> </span> </li> </div> </body> <script src="./options.js"></script> </html>