Skip to content

Show css text from style tag, style id, chrome dev tools, or cssobj result.

License

Notifications You must be signed in to change notification settings

cssobj/cssobj-helper-showcss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cssobj-helper-showcss

Show css text from style tag, style id, chrome dev tools, or cssobj result.

Install

  • include in html
<script src="https://unpkg.com/cssobj-helper-showcss"></script>
// showcss function is now available
  • bookmarklet

In Chrome, press Ctrl+D, popup the favorite dialog, click Modify, paste in URL as below:

javascript:showcss=function(){"use strict";function e(e){return function(t){if("string"==typeof t&&(t=document.getElementById(t)),"object"==typeof t&&t&&t.cssdom&&(t=t.cssdom),(t=t||$0)&&"STYLE"==t.tagName){var s=t.sheet||t.styleSheet;if(s.cssText)return s.cssText;for(var n="",r=s.cssRules||s.rules,c=0,o=r.length;c<o;c++)n+=r[c].cssText+"\n";return e?e(n):console.log(n)}}}return e}();

Usage

Then can show CSS in any <style> tag:

showcss()()  // console.log the last selected style

showcss(console.log)($0)  // totally same as above

showcss(alert)('tagID')  // alert style of tagID

// write the css into html
showcss(csstext => div.innerHTML = csstext )(dom)

// show css from cssobj, with each UPDATE
cssobj(obj, {onUpdate: showcss( csstext => div.innerHTML = csstext )})

API

showcss (callback: (string)->any ) (source: dom|string|result|any) -> any

Display css text from source, and call callback with the text.

callback can be

  • empty: will use console.log as callback, means output css text into console.

  • function: will call the function with callback(str), and return the result

source can be

  • empty: last selected style tag from DevTools

  • string: style tag ID

  • dom: style tag dom

  • result: cssobj result object

About

Show css text from style tag, style id, chrome dev tools, or cssobj result.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published