Transfer from Chrome to FireFox

[Dendrek]

Hi. I saw there is a way to transfer from one computer using Chrome to another also using Chrome. I'm not sure how to adopt that method for a transfer of data from Chrome to FireFox.

Specifically, I wish for a way to export my saved data from my Chrome extension and import it to FireFox. I assume I'll need to use the DevTools Console for this, but I'm not sure what commands are needed.

[webextensions]

@Dendrek

We intend to provide that functionality via UI. Till then, the Chrome/Chromium users can follow https://github.com/webextensions/live-css-editor/discussions/112

For the Firefox users, https://bugzilla.mozilla.org/show_bug.cgi?id=1413872 / https://bugzilla.mozilla.org/show_bug.cgi?id=1605153 would eventually bring that capability.

Till then, for importing the data inside Firefox one would have to workaround like: (similar to https://github.com/webextensions/live-css-editor/discussions/112)

• Assuming one has already exported the data (from Chrome)
• In Firefox, load the Magic CSS extension once
• Open the browser DevTools
• Go to the Debugger tab and in the left panel, go to the Search tab and search for a piece of code in the context of the extension's frontend code (eg: utils.chromeStorageGet = function) and put a breakpoint in the first line of that function (inside the function definition)
• Reload the page and launch Magic CSS browser extension
• The flow would have hit the breakpoint
• Now execute the code like:

  var data = { ... }; // The copied data goes here
  setTimeout(function () {
  chrome.storage.local.set(data,function(val){
      console.log('done');
  });
  }, 15000);

• Now, remove the breakpoint and resume the flow within 15 seconds.
• The data should have been imported into Firefox and it should work from the next load of the extension.