11.3: Chrome Extensions: Content Scripts - Programming with Text

[@richardanderson5685]

this guy is awesome, I love the internet more when i see people like him

[@mikeharb5545]

I was going to give up on this Chrome Extension endeavor but your calm teaching has gotten me excited to continue, subbed!

[@minirasamedova648]

Your explanation is EXTREMELY easy to understand!!! Thank you so much for the videos. Gonna try and develop my own chrome extension ^^

[@averagehooligan620]

I'm trying to spend my time over winter break making a Chrome extension and I find this very helpful and entertaining! Choo choo!

[@archanachavan4509]

You are so awesome. I have seen lots of videos about the chrome extension. But non of them explain as simple as you explain.

[@damyandimitrov611]

This is what KZbin should be about!. Good teachers and valuable information

[@chzakirislam1700]

sir your style of teaching is just amazing

[@sirfranciscanadianbacon1468]

The absolute best tutorial for a beginner

[@Rodourmex]

Finally I think I’m understanding chrome documentation, this guy is awesome

[@paulosilva-dm1qb]

Excellent teacher...simple language , funny grabs your attention...Only good adjectives to describe..!!!..it seems he really has pleasure in teaching..

[@luismarroquin8568]

Today I started a bad course to create an extension so I opted for reading the documentation, wish I found your video earlier it's just very fast and easy to understand

[@rotimibest8530]

You make learning fun. I practically regex from you and for over 1 year I remember all your gestures when you taught a trick. Now I am here to learn chrome extensions and you explain it so well. Thanks man.

[@alfonsobaqueiro]

Mil apluasos, hasta que encuentro a alguien que si explica la parte conceptual y no solo parece un web monkey presumiendo como hace las cosas. REALLY GOOD CONTENT!!!!

[@dipeshjadhav1546]

Loved the energy man ..you earned a sub.. I want to be this happy in my life

[@ssfgvvh]

Great explanation and easy to understand. But the best part was his facial expression

[@mark-spray]

Great video and loved the way it was taught. So much better than other videos been watching

[@AshirwadPradhan007]

This is what I was looking for!! Thanks a lot. Not a lot of tutorials on chrome extensions in the internet.

[@Eamo-21]

awesome teacher. Who knows, somebody following this might make the next Grammarly :)

[@bmw1553]

Fantastic! Simply explained well. Keep up the good work Coding Train!

[@WalrusesAreTheOne]

The train thing is adorable

[@mihajlosupic]

I love whiteboard/screen switching stage. Tnx man

[@alfonsobaqueiro]

14:30 a good example why i place the , on the line that needs it, it is more simetric and beautiful.

[@ahmedsaeedmoawoadelmasry2791]

man , i really really love you. Hi from Egypt انا بحبك جدا اسوبك و طريقتك رائعه

[@aryananshuman3263]

I am your fan now

[@connerallen642]

Always has quality content. Great teacher. Thankyou

[@logy80]

I'm waiting for more!

[@Alessandro-nq3tm]

Really nice! U made me want to create a fancy chrome extension! :)

[@rustamisaev]

Wow, really great content! Thank you!

[@shorifkhan1855]

Wow..This really awesome video.Loved you explanation. So much deep and crear.Thanks so much.❤️❤️

[@nguyenluuvan4783]

I almost never like or comment in youtobe. But the video and the instructor are too great.

[@curanp2]

>using #FF00FF as example color My kind of man

[@firefish111]

Purple everything....

[@chaos_keeper]

Thank you! You're vid helped me make my first useful extension 10/10

[@invincibleman264]

this is awosome, I love this so much. I really want to learn

[@avishekkumarsharma3594]

This man inspires me so much !

[@merajis]

You're a great teacher

[@akshoyd2294]

All good here. But this video is old. please note that if you want to execute the content script before the page loaded, please add the below one in the manifest file inside content_scripts object. "run_at": "document_start"

[@TheCodingTrain]

Thanks for the tip!

[@randomdeveloper6456]

another great lesson. Thanks for turning available this great conten.

[@mazzukmachu]

best explanation ever ❤️❤️

[@catakuri6678]

fast and easy, thanks for the tutorial :)

[@razorintube]

love this explanation

[@unstopology]

Your content is always so thorough and you break it down so it's understandable. Unfortunately, V3 changes how permissions are handled. I'm still trying to figure it out.

[@AC-lt7xf]

Same here! I'm browsing questions on Stack Overflow and there's some good advice on there but most is for Manifest V2... I'm trying to change the pop-up window to a different HTML file on click... looking like it's not possible with Manifest V3....

[@unstopology]

@@AC-lt7xf Changing the popup window itself? I don't think that is possible.

[@sharps8726]

Thank You so much my man. You are a Legand

[@giorgimerabishvili8194]

Thank you very much for the great explanation!

[@DigitGarage]

Awesome thank you!😁

[@nathangek]

version 0.0001 is the same as 0.1 since it's .. usually. So minor version 0001 is just minor version 1.

[@b.r585]

Informative.. Awesome explanation on content script.Please create few more interesting videos on chrome extensions.

[@user-qe3fh9lw5y]

Great fricken video man, thank you very much.

[@angelmcorrea1704]

Jaja excelent bro, good energy and excelent explication.

[@EnglishRain]

Brilliant video, thanks so much! :D

[@stellarwind22]

Thanks for this tutorial I made an extension that replaces cuss words with the alternate words they use on The Good Place. lol

[@chirusandep6378]

Finally, i found Money Heist professor.

[@arguy337]

You are awesome, man

[@devnarula2003]

Hi Dan I love ur videos

[@dabanales]

What a great video! Subscribed!

[@domaincontroller]

06:27 omnibox, chrome://extensions 07:28 permissions, load unpacked

[@レオリオ-z2i]

I try with spesific site, but I have invalid value for 'content_scripts[0]matches[0]`.. Whats wrong.. Tell me

[@yuansizhu6271]

developer.chrome.com/extensions/content_scripts#run_time Content scripts running at "document_idle" do not need to listen for the window.onload event, they are guaranteed to run after the DOM is complete. If a script definitely needs to run after window.onload, the extension can check if onload has already fired by using the document.readyState property.

[@jonez9099]

love this vid

[@muhammadminhaj1968]

Thank you so much

[@Bomb3rMC]

I had seen many tutorials and yours was the first that I could actually do an extension! You're a very good teacher :) I have one question tho, I know how to change elements that already exist, but what if I want to create a new element on the page?

[@freecoursenation5157]

is it possible to make the js code to be kept running? instead of running once the page loads and stops when the page load is finished

[@yashrajbasan2689]

You are awesome bro

[@Pop-zb3wr]

Informative!

[@deviteki3957]

thank u very much excellent sir

[@bodon777]

I've been trying to run my extension on youtube and this example works, but when I open the console I get some warnings like "DevTools failed to load SourceMap". Does anyone here know what it means?

[@jridge98]

I have a chrome extension called Random Memes - Meme Soundboard. It's a piece of shit but apparently it's great to annoy your teachers with.

[@عالمالكرتونالمرح-ز9ب]

it is very good

[@EmAn_love_all]

thank you :)

[@douglaslpereira]

Why can't I iterate with "document.getElementsByTagName('div')" but not with "document.getElementsByTagName('a')" ? I'm trying to print in the console all the links in the page. It is working in my local file, but not in the extension. Am I missing some permission?

[@grotonhomie]

Anybody else get that Udemy add with guy saying "Python is where it's at" and the he does that little squint like he's just gotten an idea and then says "you know, you should take online classes on Udemy"... ugghhh i want to shatter his glasses

[@petrasgvaizdauskas6597]

How to get and API itself, none of the keywords are recognizable, neither your sample addins work...using visual studio code....

[@maseyeet313]

thank youu

[@astartesidon609]

wow thank u,,

[@aminhenteti9107]

why the content script doesnt run until the page is loaded ? what happen when we have a youtube page ?

[@alphaasphx7630]

how would I make an extension, that looks for something on a certain website, and that SOMETHING is put in a text box

[@yt.mhasan]

I am tired of telling "I love Dan sir" to my wife. You explain beautifully! How, sir? How? I just want to know.

[@georgevartabidian195]

What program does he using for coding?

[@wingng9807]

hello thanks for teaching me how to make an extension. I have a doubt how can I make a script in java just send any message a letter to a serial port. My great difficulty is that I am using mac and most of the instructions that I check in other places are for windows. Could you help me?

[@mirkoguardo]

Can i use it like a search fliter for a website with a marketplace? F.E: There are cards with some power and a price, but the website only sort by price. Thanks in advance.

[@abdelrazeknageh7498]

It;s amazing

[@Guy_Reverse]

that was fast.

[@Erbond12]

Is the stuff in the content.js javascript or something else? Want to for a td element with a specific content, but I don't know how to do so..

[@crackscratch7480]

Hi! So I got a problem and I don't know where it is, so i created a folder and inside it placed the manifest.json and the content.js. I wrote the code good (checked it) and in the content.js made it so it console.log("something"). The thing is that it isn't printing anything, any idea of how to fix it? It isn't giving any errors or so, can someone send the manifest.json code? thanks

[@bagelluvr42]

Does anyone know if anything's changed since this video? My paragraphs variable has the array of tags, but any looping or trying to access specific elements returns undefined

[@Leon-tm7wo]

when do you give upgrade tips for version 3?

[@HardeepSingh-bx8io]

I want to make extension to pull data of ajax response of my site. How can do it. Please help me

[@withcheesepls]

That smudge!!!!!

[@muralidharv6224]

Hi, Please let us know how can we open the hyperlink in Incognito mode through Java Script. e.g: When we click on button/HyperLink it should be open in new Incognito mode window. Thank you

[@natalirubenova5424]

Hi! i need a code or chrome extension that can execute "Enter Command" on certain part of a web page continuously even when i minimize the page. Is it possible?

[@timeslidr9063]

Is it possible to use javascript within the popup? I have it working outside of chrome but it doesn't want to work inside of chrome.

[@abujessica]

it's interesting but how did you learn all these things about chrome extensions?

[@LeonMarzahn-t6n]

عباس نمبا ون -أبا الدرداء Goooooogle

[@sagshah10]

lol xD

[@a.hassoun9139]

How to connect chrome extension to google sheets (using google sheets api) ?

[@rahulcri22]

Hi. How can I get the url in the current tab through content script?

[@HaniYahya9]

Is there a way I can render some html in the page? For example if I try to replace the word "hello" to hello and make it look like an actual h1 text? I tried to .replace() it but it was printed as it is as a text! Thank you very much for starting this series and looking forward for more!

[@LeonMarzahn-t6n]

Hani Yahya Gooooooooogle it

[@jridge98]

What are you trying to explain?

[@seelojurajesh]

How to run content scripts on site down urls. Usually browser shows This site can't be reached

[@AdolfoAngelCuellar]

Awesome

[@lightninginmyhands4878]

Great vids, love your enthusiasm. Do you have a videos about using jquery in this type of chrome extension?

[@TheCodingTrain]

I don't unfortunately but you should be able to import it in a similar way to my p5.js example!

[@navneethsuresh9995]

Dan I have trouble in downloading p5. when I download it from the link given in the description it winrar and directly goes to brackets(I have brackets installed before p5). So what am I supposed to do???? plz help me out :C

[@AsifMehedi]

I'm not entirely sure what you mean. But it seems to me you should start with a more introductory video. Dan has videos for all levels. Here's a playlist that you may find helpful: kzbin.info/www/bejne/bpuThnefg5ygr5Y

[@rapararapapa7623]

Is it possible to make an extension that adds an option to the context menu

[@jdragon8184]

I just created a backend for my list/tracker using node , now instead of easily making react front end where no one will visit , i want to make a chrome extension which can track stuff on certain website and add content using my api , can anyone help or guide me or advices are useful to me pls