set up for making a chrome extension that gets snippets? - javascript

I am trying to make an extension that would help me get effective notes better and one thing I thought of is just highlighting certain snippets from web page and putting them in a bookmark. I haven't done any extensions before but I have the basics of coding down and also researched on how to make an extension in regards to creating a manifest.json.
Would help if there is anyone that can give some basic starting info or code?

I'd start by reading the Chrome documentation ...
https://developer.chrome.com/extensions/getstarted
I mean ... this is a broad topic. The documentation above has a walkthrough which covers creating the manifest.json. As far as the rest of your efforts are concerned, you probably should take a crack at it, and ask specific questions as they arise.

Related

How to add multiple Google Analytics trackers on website? (HTML, JS)

I'm working on a portfolio, and I had an idea to add a section saying:
"My work has been seen by this __ many people."
In order to do this I have settled on using ShowMyStats, but in order to get that stats, I need to add another Google Analytics tracker to all the websites I manage. Is this possible? I've seen something answering this question here on stackoverflow, but it didn't work. Any ideas? All help appreciated.
Original post
It's best to use GTM to manage your ga trackers/properties. It becomes a trivial task that way. Here is a good article that goes quite deeply into the matter: https://www.simoahava.com/gtm-tips/send-google-analytics-tag-multiple-properties/
Another concern here is that it seems unlikely that an extension like that requires a new property. Why not just feeding it your existing property?
Your older question's accepted answer actually answers the question pretty well. Provide your debugging and fixing efforts for us to be able to move forward.
Finally, Google is deprecating GA UA, so you probably want to stop doing it for UA and start implementing it for GA4, which makes your code snippets obsolete, but also makes a good case for using GTM, since switching from UA to GA4 via GTM is a lot easier than via code. GTM tends to do its best to abstract the code from the users while still allowing liberal code injections.

Should I switch to coding my extension with boilerplate?

I am creating an extension for the first time and I saw some extensions on github like this one and noticed that he coded his extension using a boilerplate. To be honest, I didn't even knew that you could use boilerplates (a friend told me), it's my first time reading about it.
I wonder if I should clone some github repository and copy paste my files and work in it. I see that there are some boilerplates that give cross-browser support for your extension.
I am a little bit confused as I don't know if this is the right way to do it. Right now I don't need something huge for my extension because it's a simple one and I'm learning how things work (kind of new to webdev). I might want to add some google analytics to my extension later.
Would you advise me to use some boilerplate? To me it looks tidy but I can't understand most of the stuff that's happening around, would be difficult to modify some files.
Also, most of the boilerplates are for react, is there one that is like the most basic one for vanillaJS... like how can I find the one that is used in the repo link on top of the post?

Can I use brython to develope Chrome extensions?

First, thank you for all your help, since this question has bothered me for a few days. I am not a native speaker of English, so if I make some grammar mistakes or describe the questions unclearly, please forgive me. :)
Originally, I was a crawler only using Python. However, my company wants me to develop a tool which can help them to gain the specific information on the website.
So maybe I should describe the tool first, so you guys will know why I want to use Brython.
The user will open the website containing the information they want to catch.
They just click a button and the information will be sent directly to a Outlook file.
As you see, Chrome extensions would be a best choice for the first step, so I am going to develop the Chrome extension. However, the main problem is that I am not so familiar with JavaScript, HTML and CSS, so I want to develop extensions with Brython. Unfortunately, I have tried for a few days, but I still cannot execute the extension programmed by me in Brython to get the whole website's information, which means I even cannot finish the first step.
So I think I should come here to find out whether Brython can help me achieve this goal or not. Please give me a favor! I am free to use other methods or programming languages to achieve the goal. If you have any suggestion, feel free to tell me.
Deeply thank you all. :)
As jonathanverner said on GitHub:
Actually, using Brython in an extension is completely doable. As a
proof of concept, I hacked together a very crude extension which adds
a "Python console" to the Browser Dev Tools. It isn't very useful, at
the moment, but you can look at it to help you write your extension.

firefox addon, hide javascript source

Can someone tell me which tools/methods you use to obfuscate the javascript code when you create your addon/s?
We have a problem of another DEV messing with our code, creating some other crap with it and then bad mouthing us :(
(seriously, how low can some people stoop?)
I understand it wont keep truly determined souls at bay, but we want to atleast make him work for it before he gets the source. Frustrate the bugger for a while at least ;)
Thanks!
If you want to publish your addon in addons.mozilla.org I think that you must not use obfuscated javascript.
You can try to contact someone from Mozilla about your problem and if the problem is really serious they can blacklist the other add-on.
Here are some links you may find useful:
http://www.javascriptobfuscator.com
http://javascriptcompressor.com/
http://www.java2s.com/Code/JavaScriptDemo/UnescapeEncoderDecode.htm
http://jscompress.com/
http://scriptasylum.com/tutorials/encode-decode.html
But you know, one click encrypt = one click decrypt :(
I'm not well versed in Firefox-specific JavaScript, but it should be possible to run it through a JavaScript minifier like http://jscompress.com/ to obfuscate your code.

How to begin working with GwtQuery?

I've dived into the GWT world a couple of months ago and find it quite interesting.
I'm currently developing a web application which is to be used internally and so we need to resize the browser window, which can only be done by JSNI. After hitting some problems
regarding the JSNI I was advised to look into jquery and I found that it's counterpart in GWT is GwtQuery. I've tried looking on the project page and googling for tutorials but I can't seem to find a clear beginners tutorial on how to use GwtQuery on GWT but I keep find references to how it's very similar to jquery.
I think it's important to state that I'm not a js developer but rather a java developer who likes the idea of GWT and I just need to use GWTQuery in a very small part of my application.
Thanks in advance for any leads or links.
Ittai
GwtQuery also goes by the name GQuery, so maybe you find more if you search for that.
At Google I/O 2009 the creator of GQuery gave a speech about GQuery, you can find the video and slides here, maybe it helps.
Here you have a presentation I gave about gquery.
The getting started guide in the project site could be useful as well.
The gquery mailing list is a good place to ask questions to developers and users.
Here I found good article with small and simple examples:
GWTQuery – jQuery in GWT

Categories