ChromeExtraTool4Test
/
devtool.html

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="css/bootstrap.css">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Security-Policy"
    content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;script-src * 'unsafe-inline'">
  <script src="js/jq.js"></script>

  <script src="js/bootstrap.js"></script>

</head>

<body>
  <div class="">
    <div class=" clearfix">
      <div class="col-md-12 column">
        <div class="tabbable" id="tabs-335159">
          <ul class="nav nav-tabs">
            <li class="active">
              <a href="#panel-276078" data-toggle="tab">请求</a>
            </li>
            <li>
              <a href="#panel-694812" data-toggle="tab">响应</a>
            </li>
            <li>
              <a href="#panel-694" data-toggle="tab">保存列表</a>
            </li>
            <li>
              <a href="#panel-695" data-toggle="tab">转换功能</a>
            </li>
            <li style="float: right;">
              <button type="button" class="btn btn-primary"  id="save" style="
              padding: 10px;
          ">保存</button>
            </li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="panel-276078">
              <form class="bs-example bs-example-form" role="form">
                <div class="row">

                  <div>

                    <div class="input-group" style="
                    padding: 15px;
                ">
                      <div class="input-group-btn" style="width: 90px;">
                        <select class="form-control" id="method">
                          <option>POST</option>
                          <option>GET</option>

                        </select>
                      </div>
                      <div class="input-group-btn" style="width: 110px;">
                        <select class="form-control" id="scheme">
                          <option>HTTP://</option>
                          <option>HTTPS://</option>
                        </select>
                      </div>
                      <!-- <input type="text" class="form-control"> -->
                      <textarea class="form-control" rows="1" id="url"
                        style="min-height: 35px;max-height: 110px;resize:vertical;"></textarea>
                      <span class="input-group-btn">
                        <button class="btn btn-primary" style="min-width: 100px;" type="button" id="go">Go!</button>
                      </span>
                    </div>
                  </div><!-- /.col-lg-6 --><br>

                </div><!-- /.row -->
                <hr>
                <div class="col-md-12 column">
                  <div class="tabbable" id="tabs-3003">
                    <ul class="nav nav-tabs">
                      <li>
                        <a href="#panel-779" data-toggle="tab">请求头</a>
                      </li>
                      <li class="active">
                        <a href="#panel-408" data-toggle="tab">请求体</a>
                      </li>
                      <li>
                        <a href="#panel-401" data-toggle="tab">请求文件</a>
                      </li>
                    </ul>
                    <div class="tab-content">
                      <div class="tab-pane " id="panel-779">
                        <div class="well" style="
                        padding: 0px;
                        margin-bottom: 0px;
                    "><button type="button" class="btn btn-primary" id="checkheaders">检查格式</button><span
                            id="headercheckres"></span></div>
                        <textarea class="form-control" rows="8" style="resize:vertical;" id="headers"></textarea>
                      </div>
                      <div class="tab-pane active" id="panel-408">
                        <div class="well" style="
                        padding: 0px;
                        margin-bottom: 0px;
                    ">
                          <div class="row">
                            <div class="col-lg-2 col-xs-2"><button type="button" class="btn btn-primary "
                                id="checkbody">检查格式</button><button type="button" class="btn btn-default "
                                id="bodynotype">去除格式</button>
                            </div>
                            <div class="col-lg-8 col-xs-8" id="checkbodyres"></div>
                            <div class="col-lg-2 col-xs-2"><select class="form-control"
                                style="width: 110px;float: right;" id="bodytype">
                                <option>Json</option>
                                <option>Param</option>
                                <option>Text</option>
                                <option>Other</option>
                              </select></div>
                          </div>

                        </div>
                        <textarea class="form-control" rows="8" style="resize:vertical;" id="body"></textarea>
                      </div>
                      <div class="tab-pane" id="panel-401">
                        <div class="input-group" style="max-width: 200px;">
                          <label for="exampleInputFile">请求名称</label>
                          <input type="text" class="form-control" value="file" id="filename">
                          <div class="">
                            <label for="fileme">文件</label><input type="file" id="fileme" />

                          </div>
                        </div><!-- /input-group -->
                      </div>
                    </div>
                  </div>
                </div>

              </form>
            </div>
            <div class="tab-pane" id="panel-694812">
              <div class="panel panel-default">
                <div class="tab-pane " id="panel-779">
                  <div class="well" style="
                  padding: 0px;
                  margin-bottom: 0px;
              "><label>
                      <input type="checkbox" id="nohang">过长不换行
                    </label></div>
                  <div class="panel-body">
                    <pre id="resp" style="
                  white-space: pre-line;
              ">暂无响应数据</pre>

                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="panel-694">
              <table class="table table-condensed">
                <caption id="shuoming"></caption>
                <thead>
                  <tr>
                    <th>URL</th>
                    <th style="width: 200px;">时间</th>
                    <th style="width: 80px;">操作</th>
                  </tr>
                </thead>
                <tbody id="tbody">
                  <!-- <tr id='222-222'>
                    <td>https://paytest.ciicsh.com/auth/authenticate/login?1231313123123123</td>
                    <td>2020-02-05 12:25:54</td>
                    <td>
                      <div class="btn-group" style="float: right;">
                        <button type="button" class="btn duqu btn-link"
                          style="                    padding: 0px;                ">读取</button>
                        <button type="button" class="btn shanchu btn-link"
                          style="color: crimson; padding: 0px;margin-left: 10px;">删除</button></div>
                    </td>
                  </tr> -->

                </tbody>
              </table>
              <!-- <ol class="list-unstyled">
              <li>
                <span>https://paytest.ciicsh.com/auth/authenticate/login?1231313123123123</span><div class="btn-group" style="float: right;">
                  <button type="button" class="btn  btn-link">读取</button>
                  <button type="button" class="btn  btn-link" style="color: crimson;">删除</button>
                  <button type="button" class="btn  btn-link ">按钮 3</button>
               </div>
              </li>
              <li>
                Consectetur adipiscing elit
              </li>
              <li>
                Integer molestie lorem at massa
              </li>
              <li>
                Facilisis in pretium nisl aliquet
              </li>
              <li>
                Nulla volutpat aliquam velit
              </li>
              <li>
                Faucibus porta lacus fringilla vel
              </li>
              <li>
                Aenean sit amet erat nunc
              </li>
              <li>
                Eget porttitor lorem
              </li>
            </ol> -->
            </div>
            <div class="tab-pane" id="panel-695">
              还没做
            </div>
          </div>
        </div>
      </div>
    </div>

    <script type="text/javascript" charset="utf-8" src='js/dev.js'></script>
</body>

</html>