You can trick any page! Add your own JavaScript (powered by JQuery) and/or CSS to any page.

Latest Version

Version
0.9.88
Update
September 24, 2020
Size
340KiB
Developer
Category
Users
2,000+
Rating
4.22 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Http://*/*
Https://*/*
See more

JScript tricks Extension

#### App development suspended ####
This app allows you to inject your own JavaScript or CSS tricks to any page (by domain). You can use nice editor (from CodeMirror), which has nice syntax highlighter. Script and CSS are applied after the page is loaded (document.onload event).

Script and css are injected before DOM creation. Use $(function(){ ... }) to start script on DOMReady.

New:
Export/Import scripts to/from text file.
bugs fixed


Features:
- auto save to cache + load cache button, separate for CSS and JS
- Automatic JQuery injection,
- custom JavaScript and CSS injection,
- popup to quick edit and apply tricks or selected text only,
- Autostart option,
- Default script for all pages,
- nice options interface,
- F1 JQuery help
- Ctrl+S support,
- Ctrl+Alt+H for hidden tricks!
- Cache to save current code

If you find a bug or need some features just let me know!


Example usage:

1. Search some image with Google Image search.
2. Click on the \"JScript Tricks\" icon and enter JS code:

//---beginig
// This code replace focused image title on Google Image search results by adding direct link to the picture.

if( location.href.match(/tbm\\=isch/))
{
var interval = setInterval(\"initGL()\",300);
}

function initGL(){

if($(\"#rg_h\").length == 1)
{
if( $(\"#mylink\").length == 0 )
{
$(\"#rg_hta\").attr(\"href\",$(\"#rg_hta\").attr(\"href\").match(/imgurl=([^\\&]+)/)[1]);
$(\"#rg_hta\").text(\" » \"+$(\"#rg_hta\").text());
}
}
}

//-----end is here

3. Remember to save! (Ctrl+S)
4. Now refresh the page or press \"Apply\" to start script.
5. You can also check \"Autostart\" option.

In the option tab you can easily edit this entry!


Known Bugs:
- Some CSS cannot be applied correctly. You should use this syntax then:

$(document.head).find(\"style\").append(\".someCustomClass{some:styles}\");
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "JScript tricks", "version": "0.9.88", "description": "You can trick any page! Add your own JavaScript (powered by JQuery) and/or CSS to any page.", "background" : {"page":"background.html"}, "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": [ "tabs", "http://*/*", "https://*/*" ], "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["lib/codemirror.js","mode/javascript/javascript.js","autoload.js"],\t "run_at":"document_start" } ], "icons" : { "16" : "icon16.png", "24" : "icon24.png", "48" : "icon48.png", "128" : "icon128.png" }, "options_page": "options.html"}
Read more