How to save 'inspect element' changed on a per domain basis? - html

my school website is very poorly designed, and I want a way to be able to make changes and when Chrome detects the school domain, it loads my changed. Saving it as an .html file will not suffice as the page is constantly changing, thanks Stack!

You could create an extension that only runs on your schools website.
https://developer.chrome.com/extensions
This will allow you to add custom JavaScript and CSS to the page.
I hope this is still relevant, it's been a while since I made an extension my self.

Related

Add html to a site in a site (proxy)

I imported a web proxy from github known as rhodium on to replit, and, after some editing was satisfied with the results, but i cant seem to add HTML to a site that is proxied. Example: You use rhodium to navigate your way to www.discord.com, but you want HTML added to the page, "yourdomain.example/service/https://discord.com/". I looked at the files and online, but I wasn't able to find a way to edit the index.html of that specific page, but frankly I am extremely new to html. (and to a lot of things web-development).
https://github.com/LudicrousDevelopment/Rhodium
Any help available?
Based on what i know, you can't. Because of the security parameters. You can't attach or redirect a website which isn't on the same directory/server.
You can, however redirect to that site, inside or outside, freely.

Google Tag Manager fires tags in preview/debug, but not on the live site

I've used GTM numerous times to fire LD-JSON business schema via a custom-html tag with Tag Manager. This time however, I'm running into issues.
The tags fire in the debug/preview mode of GTM, but when I publish it they are not found on the live site. Tag assistant shows no issues with the installation; I should add the custom HTML doesn't appear on the debug/preview, but the tag does fire (per the debugger).
The site in question uses WP-engine, but I've been told that's not likely the issue. If anyone can point me in a direction that would be great.
I posted on the product forums for google: https://productforums.google.com/forum/?utm_medium=email&utm_source=footer#!msg/tag-manager/RfxZcqbWrSg/wAWzn98TCwAJ
The issue here was GTM was using the 'document.write' feature for the custom HTML container (which housed the LD-JSON Schema). Removing that feature populated the site where Google could read the schema.
Props to Simo for being a 'sweet dude' for pointing this out.
I also faced one similar issue, and for me it was how google tag manager file was served from the app.
It was being served as
https://www.googletagmanager.com/gtag/.js?id=yourGtmId
instead of
https://www.googletagmanager.com/gtm.js?id=yourGtmId
Although in the preview mode, the correct file was being served somehow!
Just want to mention that I was having this problem also, and being new to adding custom HTML / JavaScript to my website through Google Tag Manager, I was completely oblivious to the fact that you must click the submit button in the top right of one of the main views (Overview, Tags, Triggers, etc.) in order to publish your changes. I was thinking that the save button within the trigger or tag was all that was needed.(Be sure that you are not forgetting this simple step!).

Offline / Local Website with configuration options

thanks in advance for your time to help me.
So... I work on a Retail store and we use a kiosk-like app on the laptops with the hardware and price information.
Recently i realized (because it runs 24/7) the lcds are getting burned by the kiosk app and its a major problem to the store.
Since i cannot make changes on the app itself i realized the best option was to create some kind of solution to this problem.
So i thought on creating an offline / local website in HTML that mimics the layout on the kiosk app and use some kind of anti-lcdburn jquery running along. (already have the code for the anti burn jquery).
My main problem is the kiosk app was really user-friendly on the configuration. Anyone on my store could easily change the data showing.
But in the other hand if i want to implement a static html website, anyone without html skills can't easily change the values.
My first thought was to create some kind of config file and find a way to import it. My main issue it i need to make this so that anyone with low-it skills can enter a page , change values and those values would show up on the kiosk page.
Something like a simple CMS but for a local file.
Any ideas?
Best regards
Can you display the website inside an iframe?
If so, just make a file that loads the website in an iframe, with the anti screen-burn jQuery over the top.
Anything more than that would be overkill and rebuilding something that appears to already exist - have you considered asking the creator of the app to include an anti screen-burn option?

How to edit website using Cyberduck

I have uploaded my website by Cyberduck. However, now I want to make some changes. I did edit it in the host but when I access the website through my domain, id didn't change anything.
I don't know whether I did something wrong or the changes need take time.
Most likely it would be cached somewhere. Try opening your website in incognito mode (Chrome), I ain't sure what it's called on other browsers & see if you see the updated content on website.

Is it possible to save changes in Firebug locally?

What I'm trying to do is to save the changes I make to CSS and HTML on different sites with Firebug.
Just to be clear, I don't expect Firebug to upload the changes to the server via FTP or anything. I just want to save the changes locally, so only I will be able to see them.
For example I've seen a few Firefox/Chrome extensions that add a download button under every video on Youtube, so I know it's possible to do that somehow.
If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it.
(It doesn't have to be with Firebug.)
Thanks in advance!
If you don't mind using Web Developer Toolbar it's easy to save changes made to the DOM (and CSS).
When you install the toolbar, you'll get a "View Source" menu, click on that and choose "View generated source". Then just copy and paste that into a .html file.
You did not say if you alter your HTML or CSS, if CSS, FireFile is a very good addon for this.
Edit, with some Googling, i found FireDiff, which states that it can export changes made in Firebug, i have not tested it bit it's worth checking out.
You could try using Greasemonkey.
It has support for adding custom scripts that are run whenever you load a page (linked to which pages it should load on) and that can make changes to the page dynamically.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
The http://chrispederick.com/work/web-developer/ web developer toolbar will let you add a user style sheet to a site which should achieve your goals.
This may or may not be exactly what you're asking for, but you can download the extension FireDiff in order to save changes made with FireBug. I made a little tutorial on how to do it here: https://www.youtube.com/watch?v=m4OmZLX2zd4
I have a somewhat simlar use-case that I solved differently. I'm not sure if it is what you are looking for or not. I'll describe the behavior and if that is helpful I'll explain exactly how I implemented it.
I changed the code that execute when you click "Run" (or Ctrl+Enter) to check to see if the first line of the code is a hard-coded string //LoadFromFile:<file path>. If it is, and the file exists then I pull the file off of the local file system and run it instead of executing the code in the console window. This way I can use an external text editor to write code.