title: google chrome's 'Copy styles' button using browser's API instead
body: <p>In Google chrome they have a the copy styles button feature since <a href="https://developer.chrome.com/blog/new-in-devtools-77/#copystyles" rel="nofollow noreferrer">V77</a></p>
  <p>But can't figure out how to use it using the Browser's API</p>
  <p>I have tried <code>getComputedStyle</code> but apparently the result is not what's expected (it has a more styles than needed)</p>
  <p>If we compared the result of &quot;Copy styles&quot; available in google chrome dev tools GUI and the browser's <code>getComputedStyle</code> for a any element</p>
  <p>After &quot;copy styles&quot; the result would look like this:</p>
  <pre><code>-webkit-font-smoothing: antialiased;    
  -webkit-text-size-adjust: 100%;    
  color: rgba(0,0,0,0.87);     
  box-sizing: inherit;    
  position: fixed;    
  z-index: 1300;  
  right: 0;
  bottom: 0; 
  top: 0; 
  left: 0;
  </code></pre>
  <p>While <code>getComputedStyles</code> has a lot more than these styles (a whole lot more)</p>
  <p>Where I expect to have another API that can copy css just like the
  &quot;copy styles&quot; button</p>