提交 982e7a8f 编写于 作者: Y yma16

init registry

上级
{
"rootPathIndex": 1,
"webRoot": "${projectDir}"
}
body {
background: url(../static/background/background.png);
}
.container {
position: absolute;
width: 50%;
height: 50%;
left: 50%;
top: 50%;
margin: 0 auto;
transform: translate(-50%, -50%);
box-sizing: border-box;
border-radius: 20px;
text-align: center;
background: #fff;
}
.container-header-input {
position: relative;
margin: 10px;
outline: none;
border-top: transparent;
border-left: transparent;
border-rigth: transparent;
border-bottom: #262626;
cursor: pointer;
text-align: center;
background: #262626;
}
/* json */
pre {
outline: 1px solid #ccc;
padding: 5px;
margin: 5px;
}
.string {
color: green;
}
.number {
color: darkorange;
}
.boolean {
color: blue;
}
.null {
color: magenta;
}
.key {
color: red;
}
body {
width: 100vw;
height: 100vh;
background: url(../static/background/background.png);
overflow-x: hidden;
}
.container {
position: absolute;
width: 90%;
height: auto;
left: 50%;
top: 10%;
transform: translate(-50%);
border-radius: 20px;
background: rgba(255,255,255,.5);
overflow: hidden;
box-shadow: 0 1px 5px #fff;
box-sizing: border-box;
}
.container-header {
position: relative;
margin-top: 20px;
}
.container-header-title {
position: relative;
width: 100%;
text-align: center;
padding: 10px;
}
.container-header-title-font {
position: relative;
font-size: 2em;
font-weight: bold;
}
.container-box-params-base {
position: relative;
padding: 10px;
}
.span-block-class {
display: block;
}
.select-method-style {
text-align: left;
background: #FFFFFF;
color: red;
}
.container-box {
position: relative;
padding: 10px;
}
.flex-params-grid {
display: flex;
text-align: center;
margin: 10px;
position: relative;
}
.input-params {
width: 40%;
}
.params-span-class {
width: 20%;
}
.params-container-box {
display: flex;
justify-content: space-between;
}
.params-container-box-content {
width: 100%;
height: 500px;
border: 1px solid #00416A;
overflow: auto;
}
.show-return-display {
width: 500px;
height: 500px;
overflow: auto;
padding: 10px;
}
.params-close-class {
position: relative;
padding: 0 5px !important;
width: 20px;
left: 5px;
text-align: center;
}
.container-box-content {
position: relative;
/* background: #FF0000; */
}
.container-header-input {
position: relative;
width: 100%;
padding: 10px;
outline: none;
border-top: transparent;
border-left: transparent;
border-right: transparent;
border-bottom: #262626;
cursor: pointer;
text-align: left;
}
.select-method-style {
position: relative;
width: 100px;
color: #262626;
}
.container-box-params-base-input {
padding: 10px;
}
.top-title {
display: flex;
margin:10px;
}
.base-btn{
margin-left:10px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>佑语</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div class='container'>
<div class="container-header">
<input class="container-header-input" type="text" placeholder="请输入" id='container-header-search' />
</div>
<div class='container-box'>
</div>
</div>
</body>
</html>
此差异已折叠。
此差异已折叠。
let color = '#3aa757';
chrome.runtime.onInstalled.addListener(() => {
chrome.storage.sync.set({ color });
console.log('Default background color set to %cgreen', `color: ${color}`);
});
\ No newline at end of file
此差异已折叠。
{
"manifest_version": 3,
"name": "佑语",
"version": "1.0",
"description": "资源导航",
"icons": {
"128": "./static/img/logo.jpg",
"48": "./static/img/logo.jpg",
"16": "./static/img/logo.jpg"
},
// "browser_action": {
// "default_icon": "./static/img/logo.jpg",//插件的
// "default_popup": "index.html"//插件入口html
// },
"background": {
".service_worke": ["./js/background/main.js"]
// 是否加载
// "persistent":false
},
"permissions": ["storage", "activeTab", "scripting"],
"action": {
"default_popup": "index.html",
"default_icon": {
"128": "./static/img/logo.jpg",
"48": "./static/img/logo.jpg",
"16": "./static/img/logo.jpg"
}
},
"options_page":"./options/index.html"
// "permissions":[
// "storage",
// "notifications"
// ],
// "content_scripts": [
// ]
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>佑语</title>
<link rel="stylesheet" href="../css/main-option.css">
<link rel="stylesheet" href="../css/main-json-format.css">
</head>
<script type="text/javascript" src="../js/background/axios.js"></script>
<script type="text/javascript" src="../js/background/jquery.js"></script>
<script type="text/javascript" src="../js/background/option.js"></script>
<body>
<div class='container'>
<div class="container-header">
<div class="container-header-title">
<span class="container-header-title-font">api—tool</span>
</div>
<!-- <input class="container-header-input" type="text" placeholder="输入关键字" id='container-header-search' /> -->
</div>
<div class='container-box' id="container-box-item">
<!-- <span class='span-block-class'>在线api测试</span> -->
<div class='container-box-content' style="text-indent: 20px;">
<span>请选择请求方式</span>
<select id="select-dom-id" name="method" class="select-method-style">
<option value="get">get</option>
<option value="post">post</option>
<option value="head">head</option>
<option value="delete">delete</option>
<option value="option">option</option>
<option value="put">put</option>
</select>
</div>
<div class="container-box-params">
<div class="container-box-params-base">
<div class="container-box-params-base-input">
<span style="margin-right: 10px;">IP地址:</span> <input style="width: 40%;" type="text"
name="base-url" id="base-url-ip-id" placeholder="ip" />
<span style="margin-right: 10px;">端口:</span> <input style="width: 20%;" type="text"
name="base-port" id="base-url-port-id" placeholder="port" />
</div>
<div class="container-box-params-base-input"><span style="margin-right: 10px;">
path地址:</span><input type="text" name="base-url" id="base-url-path-id"
placeholder="path" />
</div>
</div>
<div class="container-box-params-base-data">
<div class="top-title">
<!--
<span style="display: block;">请求参数</span> -->
<button id="submit-request-btn" class='base-btn'>发送请求</button>
</div>
<div class='params-container-box'>
<div class='params-container-box'>
<div>
<div class="top-title"><span>header参数</span><button class='base-btn'
id='header-params-add-btn'>+</button></div>
<div class='params-container-box-content' id="header-params-dom">
<div style="visibility: hidden;" class='flex-params-grid'>
<input class="input-params" type="text" name='key' placeholder="key">
<span class="params-span-class">=</span>
<input class="input-params" type="text" name='value' placeholder="value">
<button class='params-close-class' style="visibility: hidden;">x</button>
</div>
</div>
</div>
</div>
<div class='params-container-box'>
<div>
<div class="top-title">
<span>body参数</span><button class='base-btn'
id="body-params-dom-add-btn">+</button>
</div>
<div class='params-container-box-content' id="body-params-dom">
<div style="visibility: hidden;" class='flex-params-grid'>
<input class="input-params" type="text" name='key' placeholder="key">
<span class="params-span-class">=</span><input class="input-params"
type="text" name='value' placeholder="value">
<button class='params-close-class' style="visibility: hidden;">x</button>
</div>
</div>
</div>
</div>
<div class='params-container-box'>
<div>
<div class="top-title">返回参数</div>
<div class='params-container-box-content'>
<div class='show-return-display'>
<span id='response-show-id'>
</div>
</div>
</div>
</div>
</div>
<div class="container-box-params-return">
</div>
<div class='container-box-item'>
</div>
</div>
</div>
</body>
</html>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册