Firefox ๋ธŒ๋ผ์šฐ์ € ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
  • ํ™•์žฅ ๊ธฐ๋Šฅ
  • ํ…Œ๋งˆ
    • Firefox์šฉ
    • ์‚ฌ์ „ ๋ฐ ์–ธ์–ด ํŒฉ
    • ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์ดํŠธ
    • Android ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
๋กœ๊ทธ์ธ
Fire Page Editing ๋ฏธ๋ฆฌ๋ณด๊ธฐ

Fire Page Editing ์ œ์ž‘์ž: Francesco De Stefano

Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied everytime you visit the specified website(s).

1 (2 reviews)1 (2 reviews)
์‚ฌ์šฉ์ž 24๋ช…์‚ฌ์šฉ์ž 24๋ช…
์ด ํ™•์žฅ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด Firefox๊ฐ€ ํ•„์š”ํ•จ
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ

ํ™•์žฅ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ

์Šคํฌ๋ฆฐ์ƒท
์ •๋ณด
**It is based on Page Manipulator browser extension - https://github.com/Ruud14/Page-Manipulator **

**Using the Ace editor with default keyboard shortcuts [here](https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts) **

WARNING: This extension works on most sites, but there are some exceptions!
If you'd like to see any specific improvements or found any bugs, let me know [here](https://mediamaster.eu/contatti).

**Browser Extension to inject HTML, CSS or JavaScript into any web-page.**
Inject HTML, CSS or JavaScript into your favorite web-pages.
Have the changes you make be saved and applied every time you visit the specified website(s).

**Better than 'inspect element' because It will stay after reloading the page.**


**How to install?**

***Firefox:***

Install it from the Firefox extension store [here](https://addons.mozilla.org/it/firefox/addon/fire-agilitypage/).


**How to use?**
- Simple, First open the extension.
- Choose 'JavaScript', 'CSS' or 'HTML'.
- Create a new file by pressing 'new'.
- Write your own code.
- Press the 'Manipulate' button to test your code.
- To make sure your code is run every time you visit a specific website do the following:
- Put the URLs of the websites in the 'active websites' textarea.
- Check the 'active' checkbox.
- Reload the page to make sure it works.

- Button functionalities:
- The 'Reload' Button:
- Will reload the current page.
- The 'Active' checkbox:
- on > The code will be run automatically on the pages specified in the 'Active websites' textarea.
- off > The code will only run when you press the 'Manipulate' button.
- The 'Active Websites' textarea:
- You can specify the websites you want your code to run on here.
- The 'Matching Pages' dropdown:
- 'Exact' > The code will only run when the URL of the page is exactly the same as one of the URLs in the 'Active Websites' textarea. (Including slashes at the end!)
- 'Recursive' > The code will also run on all sub-URLs of the specified URLs in the 'Active Websites'.
- The 'Position on page' dropdown (HTML only):
- 'Top' > The HTML will be added to the top of the page.
- 'Bottom' > The HTML will be added to the bottom of the page.
- 'Replace' > The html will replace the entire body HTML of the page.
- The 'Manipulate' or 'Update Manip.' button:
- Injects the code into the page or updates the injection.
- This button also works when the 'Active' checkbox is unchecked.
- The 'Remove Manip.' Button:
- Removes the manipulation from the page.
- If the "Auto โŸณ" checkbox is checked, the page will automatically reload after pressing the 'Remove Manip.' button. The 'active' checkbox will also be unchecked.
- The 'Delete' button:
- Deletes the current file from the extension storage.
- **You can right click any element on a page to get the css path of that element.**

**Features**
- Automatically inject custom HTML, CSS and/or Javascript every time you visit one of the websites you specified.
- Run custom CSS **Before** the page is fully loaded so you won't see the original page first.
- Inject Javascript on the go.
- Add/Remove/Change the HTML and CSS on the go.
- Right click on any element on a page to get the full CSS path.
- Automatically saves the changes you make.


**It doesn't work, what now?**:
- If the extension button in the top right corner is greyed-out, you can't use it on that page.
- Make sure the 'active' checkbox is checked. And the 'active websites' input contains the correct URLs.
- For Javascript:
- Make sure your code is run at the right moment. Maybe try adding a delay.
- Check the browser console for error messages.

- For CSS:
- Make sure you are are manipulating the right element. by using "inspect element".
- Try using ['!important'](https://www.educative.io/edpresso/what-is-the-important-property-in-css).

- For HTML:
- Make sure you haven't accidentally set the 'position' dropdown to the wrong position.




The editor used since the second release is Ace editor.
Check it out here: https://ace.c9.io/
2๋ช…์˜ ๋ฆฌ๋ทฐ์–ด๊ฐ€ 1๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

๋ณ„์  ์ €์žฅ๋จ

5
0
4
0
3
0
2
0
1
2
๋ฆฌ๋ทฐ 2๊ฐœ ๋ชจ๋‘ ์ฝ๊ธฐ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ๋” ์•Œ์•„๋ณด๊ธฐ

ํ•„์š”ํ•œ ๊ถŒํ•œ:

  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
  • ์ง€์› ์‚ฌ์ดํŠธ
  • ์ง€์› ์ด๋ฉ”์ผ
๋ฒ„์ „
2.0
ํฌ๊ธฐ
3.07 MB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
3๋…„ ์ „ (2022๋…„ 9์›” 27์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
๋ผ์ด์„ ์Šค
MIT ๋ผ์ด์„ ์Šค
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
์ด ๊ฐœ๋ฐœ์ž ์ง€์›

์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ๊ฐœ๋ฐœ์ž๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์ด ์ž‘์€ ๊ธฐ์—ฌ๋กœ ์ง€์†์ ์ธ ๊ฐœ๋ฐœ์„ ์ง€์›ํ•ด ์ค„ ๊ฒƒ์„ ์š”์ฒญํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ์—ฌํ•˜๊ธฐ

Francesco De Stefano ๋‹˜์˜ ๋‹ค๋ฅธ ํ™•์žฅ ๊ธฐ๋Šฅ
  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

๋ถ€๊ฐ€ ๊ธฐ๋Šฅ

  • ์†Œ๊ฐœ
  • Firefox ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋ธ”๋กœ๊ทธ
  • ํ™•์žฅ ๊ธฐ๋Šฅ ์›Œํฌ์ƒต
  • ๊ฐœ๋ฐœ์ž ํ—ˆ๋ธŒ
  • ๊ฐœ๋ฐœ์ž ์ •์ฑ…
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ธ”๋กœ๊ทธ
  • ํฌ๋Ÿผ
  • ๋ฒ„๊ทธ ์‹ ๊ณ 
  • ๋ฆฌ๋ทฐ ์ง€์นจ

๋ธŒ๋ผ์šฐ์ €

  • Desktop
  • Mobile
  • Enterprise

์ œํ’ˆ

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • ๊ฐœ์ธ ์ •๋ณด
  • ์ฟ ํ‚ค
  • ๋ฒ•๋ฅ 

ํŠน๋ณ„ํ•œ ๊ณ ์ง€๊ฐ€ ์—†๋Š” ํ•œ, ๋ณธ ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋Š” Commons Attribution Share-Alike License v3.0 ๋˜๋Š” ๊ทธ ์ดํ›„ ๋ฒ„์ „์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ด ํ—ˆ๊ฐ€๋ฉ๋‹ˆ๋‹ค.