如何獲取 html、css 和 javascript 的源代碼以及網頁的特定部分

Question

我正在嘗試使用我購買的模板中的按鈕和彈出窗口。 我有所有的來源。

html 看起來像這樣：

<div class="panel panel-default">
                    <div class="panel-body">
                          <div class="col-md-6">
                              <p>Have a question about this?  </p>
                          </div>
                          <div class="col-md-6">
                               <button data-toggle="tk-modal-demo" data-modal-options="slide-up" class="btn btn-warning">Ask Question</button>
                          </div>
                   </div>
                  </div>

  <!-- Inline Script for colors and config objects; used by various external scripts; -->
  <script id="tk-modal-demo" type="text/x-handlebars-template">
                            <div class="modal fade{{#if modalOptions}} {{ modalOptions }}{{/if}}" id="{{ id }}">
                            <div class="modal-dialog{{#if dialogOptions}} {{ dialogOptions }}{{/if}}">
                            <div class="v-cell">
                            <div class="modal-content{{#if contentOptions}} {{ contentOptions }}{{/if}}">
                            <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                            </button>
                            <h4 class="modal-title">Equipment Check In</h4>
                            </div>
                            <div class="modal-body">
                            Are you certain that you want to check in this piece of equipment?  Please confirm Yes or No below.
                            </div>
                            <div class="modal-footer">


                            <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
                            <a class="btn btn-primary" href="az-release-equipment.html">Yes </i></a>
                            </div>
                            </div>
                            </div>
                            </div>
                            </div>
                        </script>

問題是有 10 個 css 文件，甚至更多的 js 文件都很大。

我不想為了彈出功能而將所有這些都包含在我的網站中。

有什么方法可以只獲取此 html 片段的 css 和 javascript，而不是使用 20 多個文件，總大小為 10mb？

Answer 1

感謝評論中的 Jack Pattishall。 這個 chrome 插件可以解決問題： 找出給定頁面上使用的 CSS 樣式