Тёмный

11.3: Chrome Extensions: Content Scripts - Programming with Text 

The Coding Train
Подписаться 1,7 млн
Просмотров 226 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 159   
@richardanderson5685
@richardanderson5685 5 лет назад
this guy is awesome, I love the internet more when i see people like him
@mikeharb5545
@mikeharb5545 3 года назад
I was going to give up on this Chrome Extension endeavor but your calm teaching has gotten me excited to continue, subbed!
@minirasamedova648
@minirasamedova648 5 лет назад
Your explanation is EXTREMELY easy to understand!!! Thank you so much for the videos. Gonna try and develop my own chrome extension ^^
@averagehooligan620
@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
@archanachavan4509 3 года назад
You are so awesome. I have seen lots of videos about the chrome extension. But non of them explain as simple as you explain.
@chzakirislam1700
@chzakirislam1700 3 года назад
sir your style of teaching is just amazing
@rotimibest8530
@rotimibest8530 5 лет назад
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.
@damyandimitrov611
@damyandimitrov611 2 года назад
This is what RU-vid should be about!. Good teachers and valuable information
@Rodourmex
@Rodourmex 2 года назад
Finally I think I’m understanding chrome documentation, this guy is awesome
@sirfranciscanadianbacon1468
@sirfranciscanadianbacon1468 2 года назад
The absolute best tutorial for a beginner
@paulosilva-dm1qb
@paulosilva-dm1qb 4 года назад
Excellent teacher...simple language , funny grabs your attention...Only good adjectives to describe..!!!..it seems he really has pleasure in teaching..
@dipeshjadhav1546
@dipeshjadhav1546 2 года назад
Loved the energy man ..you earned a sub.. I want to be this happy in my life
@alfonsobaqueiro
@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!!!!
@luismarroquin8568
@luismarroquin8568 4 года назад
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
@vivekborade6136
@vivekborade6136 4 года назад
Great explanation man !!!!!!!! I am new to chrome extension
@AshirwadPradhan007
@AshirwadPradhan007 7 лет назад
This is what I was looking for!! Thanks a lot. Not a lot of tutorials on chrome extensions in the internet.
@ssfgvvh
@ssfgvvh 3 года назад
Great explanation and easy to understand. But the best part was his facial expression
@mark-spray
@mark-spray 4 года назад
Great video and loved the way it was taught. So much better than other videos been watching
@mihajlosupic
@mihajlosupic 5 лет назад
I love whiteboard/screen switching stage. Tnx man
@Eamo-21
@Eamo-21 2 года назад
awesome teacher. Who knows, somebody following this might make the next Grammarly :)
@chaos_keeper
@chaos_keeper 2 года назад
Thank you! You're vid helped me make my first useful extension 10/10
@connerallen642
@connerallen642 4 года назад
Always has quality content. Great teacher. Thankyou
@bmw1553
@bmw1553 6 лет назад
Fantastic! Simply explained well. Keep up the good work Coding Train!
@shorifkhan1855
@shorifkhan1855 2 года назад
Wow..This really awesome video.Loved you explanation. So much deep and crear.Thanks so much.❤️❤️
@rustamisaev
@rustamisaev 6 лет назад
Wow, really great content! Thank you!
@catakuri6678
@catakuri6678 4 года назад
fast and easy, thanks for the tutorial :)
@unstopology
@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
@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
@unstopology Год назад
@@AC-lt7xf Changing the popup window itself? I don't think that is possible.
@Alessandro-nq3tm
@Alessandro-nq3tm 7 лет назад
Really nice! U made me want to create a fancy chrome extension! :)
@invincibleman264
@invincibleman264 3 года назад
this is awosome, I love this so much. I really want to learn
@avishekkumarsharma3594
@avishekkumarsharma3594 4 года назад
This man inspires me so much !
@ahmedsaeedmoawoadelmasry2791
@ahmedsaeedmoawoadelmasry2791 5 лет назад
man , i really really love you. Hi from Egypt انا بحبك جدا اسوبك و طريقتك رائعه
@akshoyd2294
@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
@TheCodingTrain Год назад
Thanks for the tip!
@randomdeveloper6456
@randomdeveloper6456 7 лет назад
another great lesson. Thanks for turning available this great conten.
@WalrusesAreTheOne
@WalrusesAreTheOne 5 лет назад
The train thing is adorable
@alfonsobaqueiro
@alfonsobaqueiro Год назад
14:30 a good example why i place the , on the line that needs it, it is more simetric and beautiful.
@mazzukmachu
@mazzukmachu 3 года назад
best explanation ever ❤️❤️
@juergenvennemann1101
@juergenvennemann1101 3 года назад
Very good explanation ... thank you!
@sharps8726
@sharps8726 4 года назад
Thank You so much my man. You are a Legand
@logy80
@logy80 7 лет назад
I'm waiting for more!
@レオリオ-z2i
@レオリオ-z2i 3 года назад
I try with spesific site, but I have invalid value for 'content_scripts[0]matches[0]`.. Whats wrong.. Tell me
@nathangek
@nathangek 5 лет назад
version 0.0001 is the same as 0.1 since it's .. usually. So minor version 0001 is just minor version 1.
@razorintube
@razorintube 5 лет назад
love this explanation
@merajis
@merajis 5 лет назад
You're a great teacher
@aryananshuman3263
@aryananshuman3263 3 года назад
I am your fan now
@freecoursenation5157
@freecoursenation5157 5 лет назад
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
@douglaslpereira
@douglaslpereira 2 года назад
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?
@nguyenluuvan4783
@nguyenluuvan4783 5 лет назад
I almost never like or comment in youtobe. But the video and the instructor are too great.
@user-qe3fh9lw5y
@user-qe3fh9lw5y 4 года назад
Great fricken video man, thank you very much.
@DigitGarage
@DigitGarage Год назад
Awesome thank you!😁
@b.r585
@b.r585 5 лет назад
Informative.. Awesome explanation on content script.Please create few more interesting videos on chrome extensions.
@EnglishRain
@EnglishRain 4 года назад
Brilliant video, thanks so much! :D
@bodon777
@bodon777 4 года назад
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?
@angelmcorrea1704
@angelmcorrea1704 4 года назад
Jaja excelent bro, good energy and excelent explication.
@Erbond12
@Erbond12 4 года назад
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..
@wingng9807
@wingng9807 2 года назад
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
@mirkoguardo 3 года назад
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.
@curanp2
@curanp2 6 лет назад
>using #FF00FF as example color My kind of man
@firefish111
@firefish111 5 лет назад
Purple everything....
@crackscratch7480
@crackscratch7480 2 года назад
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
@timeslidr9063
@timeslidr9063 6 лет назад
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.
@dabanales
@dabanales 5 лет назад
What a great video! Subscribed!
@muralidharv6224
@muralidharv6224 3 года назад
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
@Bomb3rMC
@Bomb3rMC 6 лет назад
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?
@navneethsuresh9995
@navneethsuresh9995 7 лет назад
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
@AsifMehedi 7 лет назад
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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-8j0UDiN7my4.html
@devnarula2003
@devnarula2003 7 лет назад
Hi Dan I love ur videos
@natalirubenova5424
@natalirubenova5424 5 лет назад
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?
@alphaasphx7630
@alphaasphx7630 5 лет назад
how would I make an extension, that looks for something on a certain website, and that SOMETHING is put in a text box
@marshall5150
@marshall5150 2 года назад
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
@AIgencify
@AIgencify 6 лет назад
men! one question im installing a chrome extension like developer and only can use it in chrome.developers, in otrers tabs its in grey! how can i do to make it work in all tabs?
@georgevartabidian195
@georgevartabidian195 6 лет назад
What program does he using for coding?
@MrMikelmakos
@MrMikelmakos Год назад
Great video! How can I run DotNet.invokeMethodAsync from a content script? I get dotNet is not defined. Thanks!
@stellarwind22
@stellarwind22 4 года назад
Thanks for this tutorial I made an extension that replaces cuss words with the alternate words they use on The Good Place. lol
@Leon-tm7wo
@Leon-tm7wo Год назад
when do you give upgrade tips for version 3?
@sandeepsinha7386
@sandeepsinha7386 4 года назад
Hi Dan, Thank you so much for such a great video with clear explanation. I have one doubts, can execute chrome extension through API. I mean to say suppose if create any ticket in xyz.com, immediately chrome extension shows notification that you have one ticket for you.
@HaniYahya9
@HaniYahya9 7 лет назад
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
@LeonMarzahn-t6n 7 лет назад
Hani Yahya Gooooooooogle it
@jridge98
@jridge98 7 лет назад
What are you trying to explain?
@HardeepSingh-bx8io
@HardeepSingh-bx8io 5 лет назад
I want to make extension to pull data of ajax response of my site. How can do it. Please help me
@jdragon8184
@jdragon8184 2 года назад
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
@aminhenteti9107
@aminhenteti9107 3 года назад
why the content script doesnt run until the page is loaded ? what happen when we have a youtube page ?
@arguy337
@arguy337 7 лет назад
You are awesome, man
@LetCoding
@LetCoding 4 года назад
Can i upload Chrome Extension on Chrome Store. Which is get from Github
@rahulcri22
@rahulcri22 5 лет назад
Hi. How can I get the url in the current tab through content script?
@rapararapapa7623
@rapararapapa7623 4 года назад
Is it possible to make an extension that adds an option to the context menu
@manaraljadani6309
@manaraljadani6309 3 года назад
what did he click so it converts to purple?
@deviteki3957
@deviteki3957 3 года назад
thank u very much excellent sir
@a.hassoun9139
@a.hassoun9139 2 года назад
How to connect chrome extension to google sheets (using google sheets api) ?
@dhiraj.govindvira
@dhiraj.govindvira 4 года назад
Hello , can anyone help me please !! i have python file lets say 1.py i want to run this file i click on browser extention button so how can i do this ??
@chirusandep6378
@chirusandep6378 4 года назад
Finally, i found Money Heist professor.
@abujessica
@abujessica 7 лет назад
it's interesting but how did you learn all these things about chrome extensions?
@LeonMarzahn-t6n
@LeonMarzahn-t6n 7 лет назад
عباس نمبا ون -أبا الدرداء Goooooogle
@sagshah10
@sagshah10 7 лет назад
lol xD
@yashrajbasan2689
@yashrajbasan2689 7 лет назад
You are awesome bro
@petrasgvaizdauskas6597
@petrasgvaizdauskas6597 5 лет назад
How to get and API itself, none of the keywords are recognizable, neither your sample addins work...using visual studio code....
@lightninginmyhands4878
@lightninginmyhands4878 5 лет назад
Great vids, love your enthusiasm. Do you have a videos about using jquery in this type of chrome extension?
@TheCodingTrain
@TheCodingTrain 5 лет назад
I don't unfortunately but you should be able to import it in a similar way to my p5.js example!
@seelojurajesh
@seelojurajesh 3 года назад
How to run content scripts on site down urls. Usually browser shows This site can't be reached
@saleemmasadeh7438
@saleemmasadeh7438 5 лет назад
Hi. Can puppeteer work with chrome extension?
@Progamer-db8xg
@Progamer-db8xg 4 года назад
Sir i have a question can you create a video showing how to create automate for educational purposes keep up the good work
@TheCodingTrain
@TheCodingTrain 4 года назад
You can always suggest topics here : github.com/CodingTrain/Rainbow-Topics/issues - The Coding Train Team
@Progamer-db8xg
@Progamer-db8xg 4 года назад
@@TheCodingTrain you the best man literally the best i watch most of your programming video if i could rate your teaching it would be like a 5 star hotel 😎
@Pop-zb3wr
@Pop-zb3wr 4 года назад
Informative!
@muhammadminhaj1968
@muhammadminhaj1968 4 года назад
Thank you so much
@stovegamesgames6917
@stovegamesgames6917 4 года назад
how would you edit the search bar?
@jonez9099
@jonez9099 3 года назад
love this vid
@ravissh
@ravissh 3 года назад
can we use python to build chrome extensions ??
@ramureddy2500
@ramureddy2500 5 лет назад
Hi sir how to read external download file path in chrome extension
@lnsinfotechsolution3016
@lnsinfotechsolution3016 2 года назад
How to change ads with my photos and text
Далее
These Are Too Smooth 😮‍💨
00:57
Просмотров 3,4 млн
I Built My First Google Chrome Extension!
20:52
Просмотров 55 тыс.
11.2: Bookmarklets - Programming with Text
17:36
Просмотров 90 тыс.
Coding Challenge 180: Falling Sand
23:00
Просмотров 987 тыс.
Build a Chrome Extension - Course for Beginners
1:06:25
Просмотров 597 тыс.