StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>If you're proficient in jQuery, and know how to extract the data from that table and do your own calculations, then it will be super easy for you to do! Please refer to the documentation, it has all the information you need to do such thing:</p> <p><a href="http://code.google.com/chrome/extensions/getstarted.html" rel="nofollow">http://code.google.com/chrome/extensions/getstarted.html</a></p> <h2>One Way</h2> <p>If you want this to always show the totals when you visit that page, then you can use a <a href="http://code.google.com/chrome/extensions/content_scripts.html" rel="nofollow">content script</a>. The content script world will have direct communication to the DOM of that page, so you can use jQuery and do your thing. Skeleton for that would be:</p> <p><strong>manifest.json</strong></p> <pre><code>{ "name": "Content Script test", "version": "0.1", "description": "Content Script test", "content_scripts": [ { "matches": ["http://www.website.com/*"], "js": [ "jquery-1.4.2.min.js", "cs.js" ], "run_at": "document_start", "all_frames": true } ] } </code></pre> <p><strong>cs.js</strong></p> <pre><code>// Your jQuery </code></pre> <h2>Another Way</h2> <p>If you want to show the totals only when you click on a button on the browser. You can use a <a href="http://code.google.com/chrome/extensions/browserAction.html" rel="nofollow">browser action</a>. You would need a <a href="http://code.google.com/chrome/extensions/background_pages.html" rel="nofollow">background page</a> to listen when you click on that browser action. Basically, the skeleton for that would be:</p> <p><strong>manifest.json</strong></p> <pre><code>{ "name": "Browser Action test", "version": "0.1", "description": "Content Script test", "background_page": "background.html", "browser_action": { "default_icon": "icon19.png", "default_title": "Browser Action Test" }, "permissions": [ "tabs", "http://www.website.com/*" ] } </code></pre> <p><strong>background.html</strong></p> <pre><code>chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript(tab.id, {file: 'jquery-1.4.2.min.js'}); chrome.tabs.executeScript(tab.id, {file: 'cs.js'}); }); </code></pre> <p><strong>cs.js</strong></p> <pre><code>// Your jQuery </code></pre> <p>That's it, please refer to the documentation for more assistance, the code above is untested, so don't be surprised if stuff don't work right out of the box :)</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload