YSlow not working for newest chrome version

Well this performance tool has been removed automatically when i received an update over chrome for version 67.X
Trying to download this extension, but the error is shown as “Invalid Manifest”. Does anyone is getting the same error, if yes then any solution.

Moreover, i tried installing in Mozilla Firefox (Version 45.0). Installed successfully, only problem is that it’s not visible on the toolbar.

![This is my firefox snippet]1

Decorate value in sidebar of DevTools Elements panel

I’m creating an extension that adds a pane to sidebar of DevTools’s Elements panel and show an array of some data.

I’d like the pane to look nicer.

  • How to add margin to the pane?
  • How to show the data in table like console.table()? (Even possible?)

(Here is the screenshot of the pane created by my current extension, and how console.table() looks like.)

enter image description here

How to control a swf in html via a firefox extension?

I want to click a button in a swf file via a firefox extension, and i have tried a method like this(GitHub – schellingb/SWFAutomation: Flash Automation in a Browser with JavaScript, C++, Python or AutoHotkey ), the process is just like below:(in firefox)

  1. install flash_debug version;
  2. download SWFAutomationPreload_Interactive.swf from github;
  3. create mm.cfg file (maybe some parameters are unnecessary, it doesn’t matter…);

    AssetCacheSize=20
    AutoUpdateDisable=0
    AutoUpdateInterval=-1
    AVHardwareDisable=0
    DisableDeviceFontEnumeration=0
    DisableProductDownload=0
    ErrorReportingEnable=1
    FileDownloadDisable=0
    FileUploadDisable=0
    FullScreenDisable=0
    LocalFileReadDisable=0
    LocalStorageLimit=6
    MaxWarnings=500
    PolicyFileLog=1
    PolicyFileLogAppend=1
    ProtectedMode=0
    SuppressDebuggerExceptionDialogs=1
    TraceOutputFileEnable=1
    TraceOutputFileName=C:Users....flashlog.txt
    AllowUserLocalTrust=1
    PreloadSwf=C:Users....SWFAutomationPreload_Interactive.swf

    Then I can send a click event in firefox web console like this:
    firefox web console

  4. next develop my extension, I call the function like this ( in a .js file ):

    function updateBg(request, sender, sendResponse) {
    document.getElementsByTagName('object')[0].inj_click('toggle_btn');
    }

but it doesn’t work, then I find that function ink_click is active in the web console while not active in my extension:
(1) in web console, run:
var aa = document.getElementsByTagName('object')[0];console.dir(aa.inj_get);
result like this: call in web console

(2) in my extension:
result like this: call in extension

you can see the function is not define or could not found. And maybe this is a clue,run:
var bb = document.getElementsByTagName('object')[0];alert(bb.inj_get);
result like this: alert “native code”

native code ???

About the SWFAutomationPreload_Interactive.swf, core code is like this:as3 code

private function init(e:Event = null):void 
{
    //mylog('[init]');
    if (e) removeEventListener(Event.ADDED_TO_STAGE, init);
    stage.addEventListener("allComplete", allCompleteHandlerMain);
    addEventListener("allComplete", allCompleteHandlerMain);
}

private function allCompleteHandlerMain(e:Event):void 
{
    //mylog('[allCompleteHandlerMain]');
    if (!e || !e.target || !(e.target is LoaderInfo)) { mylog('[allCompleteHandlerMain] NO TARGET ' + e.target); return; }
    if (!e.target.url) { /*mylog('[allCompleteHandlerMain] NO URL ' + e.target + ' (loaderURL: ' + e.target.loaderURL + ')');*/ return; }
    try
    {
        var loader:LoaderInfo = (e.target as LoaderInfo);
        if (!loader.content) { mylog('[allCompleteHandlerMain] NO CONTENT IN TARGET ' + e.target + '(url: ' + e.target.url + ' - loaderURL: ' + e.target.loaderURL + ')'); return; }
        if (!loader.content.stage) { /*mylog('[allCompleteHandlerMain] NO STAGE IN TARGET ' + e.target + '(url: ' + e.target.url + ' - loaderURL: ' + e.target.loaderURL + ')');*/ return; }
    }
    catch (ex:*) { mylog('[allCompleteHandlerMain] EXCEPTION IN TARGET ' + e.target + '(url: ' + e.target.url + ' - loaderURL: ' + e.target.loaderURL + ') [' + ex + '][' + ex.getStackTrace() + ']'); return; }
    if (loader.content.stage == loaderstage) { /*mylog('[allCompleteHandlerMain] SKIPPING ' + loader.url + ' (BY ' + loader.loaderURL + ' )');*/ return; }
    loaderstage = loader.content.stage;
    loaderdomain = loader.applicationDomain;
    Security.allowDomain("*");
    ExternalInterface.addCallback("inj_click",       inj_click);
    CONFIG::interactive { debug_setup(); }
    mylog('[allCompleteHandlerMain] ADDED CALLBACKS TO ' + e.target + '(url: ' + e.target.url + ' - loaderURL: ' + e.target.loaderURL + ')');
}

it listens “allcomplete” event, and add callback function.

So, how can i call inj_click in my extension ???
Maybe it is a question about flash privacy settings….
Hope some one can help me. Thank u.

How to push entire page to right 30px

Lets say youtube.com as an example. What can I do to push the entire page 30 px to the right, so I have a margin in the left, without the things on the right being out of place.

This is what I want to do:
Youtube margin 1

I have tried something like body{position:relative;margin-left:30px} but it doesn’t affect the entire page, the left sidebar is intact, also the topbar on the right where it says Iniciar Sesión (Sign In) moves and remains out of place:
Youtube Margin 2
Youtube Margin 3
I said Youtube as an example, I’m doing one thing where I would like to have those 30px as reserved space on all the pages.
Any ideas? Thanks in advance 🙂

How to use shared collections for every extension instance in browser?

Let’s say I’m writing an extension that needs to use a few collections, let it be list/array of strings. localStorage only allows to save data as a string so my current options are:

  • fetch string on a tab
  • process it into collection
  • work with it
  • save

this has to be done EVERY TIME for each tab/instance and EVERY operation because I cant be sure in the collection integrity sine other tab may have written something else into that localStorage item (that means I also have to implement locking mechanism and respect it).

What I want is some kind of way of having shared/global collections (“variable”) I can initialize on extension load (either browser start or first matching by url tab that activates extension code) that I can re-use. This way locking is somewhat more sensible and overall usage makes sense. I assume I can save/write it on browser exit.

I tried to google but could not find any relevant info about that. If my question does not make much sense than may be someone can redirect to some write up how to handle data in such cases for browser extensions?

Progressive web app versus a browser extension?

The background for this question is that I’ve been working on what I’d call a tool in which a user can build modules that they can later run. It started out as a small web page and has grown over the last year into something that more closely resembles a desktop application; but, at this point, is still just a set of html, css, and js files.

I considered using something like electron to package it as an installable desktop application, but I didn’t like that approach and thought it better to stick to something like a progressive web app because everything is done off-line.

Because I wanted to access APIs that are available only to web extensions, I’ve been reading a bit on MDN web docs about them and that has led me to wonder and become confused about the differences between a PWA and a browser extension that uses the extension pages to run its own pages/program, as opposed to altering how other web pages are viewed and used in the browser, etcetera?

If one wants their app to work off-line and behave like a desktop app, what is the downside to making it a browser extension? I came across more information on PWAs than on browser extensions, giving the impression that an extension shouldn’t be used in this manner.

It appears that the upside includes access to more APIs, it installs into the browser with its own icon, and the window of the extension pages can be altered such that it doesn’t appear to be running inside a browser.

I’m new to stackoverflow and have noticed that questions are sometimes closed because they are viewed as debatable or seeking opinions rather than facts. So, to be more specific, could you please help me to understand the pros and cons of each, and/or the decision points that should be considered in choosing an approach? Thank you.

Microsoft Word Translate

I’ve got this problem I used to use Microsoft word translate tool built in word.
Microsoft word translate option

But now they have change something and you are still redirected to Microsoft translate tool but now you have to slow scroll the whole page to get result.

I tried every add-on in chrome and Firefox but they don’t work with www.microsofttranslator.com any idea how to overcome this?

Best Regards

Spoof Chrome & Mozilla from getting my actual screen resolution

How do can i send different info from my original ones? I would like to change the monitor resolution only for the browsers, and if its possible and the fps too.
I don’t want to do the developer tool of browsers, i need to change something at my computer so the browser took that info and show it.
I found this : http://jsfiddle.net/jfriend00/bfAYe/ but i don’t know how to use it.
I want to use this for bookmakers, like : bet365.

How to access browser javascript APIs from another browser

I want to access one browser javascript APIs from another browser.

For example, if I am writing chrome extensions, is there any way to access javascript API for Firefox browser (let us say, History API for Firefox) installed on the same machine?

I looked at the Native Messaging in mdn, but it doesn’t seem to satisfy my requirement.

Is it possible that extensions written for one browser communicate with extension for another browser?

For example, if I write a chrome extensions, can I communicate with Firefox add-on from it?

If it is not possible to have communication between extensions/browsers, how come Chrome/Firefox able to pull our
settings,bookmarks etc,. from another browser when we first install
it?

Any help?

Use ES Module from content_scripts of Web Extension (add-on)

Since the latest Firefox supports ES Modules without flags as well as Chrome, I would like to use import/export for my web extension (add-on). Pop up, background and option pages were OK by simply using

Firefox doesn't work with no errors.

(2) Run through tabs.executeScript()

browser.tabs.executeScript(undefined, {
  file: "foo.js",
});

(Chrome) Uncaught SyntaxError: Unexpected identifier

(Firefox) Error: import declarations may only appear at top level of a module

(3) Insert a script element created with type="module"

const el = document.createElement("script");
el.src = browser.extension.getURL("foo.js");
el.type = "module";
document.body.appendChild(el);

(Chrome) Uncaught (in promise) ReferenceError: browser is not defined

(Firefox) ReferenceError: browser is not defined

Do you have any other idea?