如何使用浏览器检查工具检查网站上的所有 .css/.scss 类?
How to inspect all .css/.scss classes on a website, using a browser inspect tool?
如何使用浏览器检查工具检查网站上的所有 .css/.scss classes?我正在尝试查看特定网站的 .css 中列出的所有属性。
具体来说,CSS class 的所有样式在 GitHub?
中的拉取请求字段中指定
使用 Chrome 检查器我可以看到一些 CSS class 的 CSS class 属性,但是其中一些不要出现在检查器上。
该字段引用了 class,但我没有在检查器中看到它。例如,在拉取请求正文字段中,我看不到任何 js-
*** CSS class 属性:
<textarea name="pull_request[body]" id="pull_request_body" placeholder="Leave a comment" aria-label="Comment body" class="form-control input-contrast comment-form-textarea js-comment-field js-paste-markdown js-task-list-field js-quick-submit js-size-to-fit js-suggester-field js-session-resumable js-saved-reply-shortcut-comment-field"></textarea>
也许没有。根据我的经验,如果 class 以 js-
开头,则意味着它意味着处理 js 选择器。类似于:document.querySelector('js-paste-markdown').addEventsListener
...
你可以在他们的代码中看到它。例如,class js-saved-reply-shortcut-comment-field
:
查看此教程:https://philipwalton.com/articles/decoupling-html-css-and-javascript/(搜索 js-*
)
如何使用浏览器检查工具检查网站上的所有 .css/.scss classes?我正在尝试查看特定网站的 .css 中列出的所有属性。 具体来说,CSS class 的所有样式在 GitHub?
中的拉取请求字段中指定使用 Chrome 检查器我可以看到一些 CSS class 的 CSS class 属性,但是其中一些不要出现在检查器上。
该字段引用了 class,但我没有在检查器中看到它。例如,在拉取请求正文字段中,我看不到任何 js-
*** CSS class 属性:
<textarea name="pull_request[body]" id="pull_request_body" placeholder="Leave a comment" aria-label="Comment body" class="form-control input-contrast comment-form-textarea js-comment-field js-paste-markdown js-task-list-field js-quick-submit js-size-to-fit js-suggester-field js-session-resumable js-saved-reply-shortcut-comment-field"></textarea>
也许没有。根据我的经验,如果 class 以 js-
开头,则意味着它意味着处理 js 选择器。类似于:document.querySelector('js-paste-markdown').addEventsListener
...
你可以在他们的代码中看到它。例如,class js-saved-reply-shortcut-comment-field
:
查看此教程:https://philipwalton.com/articles/decoupling-html-css-and-javascript/(搜索 js-*
)