This is driving me crazy. I can't see the logic in to why this is happening and not even really sure how to search for the issue.
I have a menu with links to pages. Suddenly for no reason, my browsers is downloading some menu links as if it was a file link. I've tried reordering the pages in the CMS and changing the page url but it still happens. Its fine on my local machine dev site.
I get this error: "Failed to load resource: Frame load interrupted"
Which others have had but refers to file links, which mine is not.
Website here
Just hit Menu at the top > Collections > Automotive
If this loads for you try using the Menu again to choose a different catalogue and it should re create the error above.
In the end I talked to the hosting company who said:
"I’ve adjusted the openbasedir settings so that you can open files outside of the directories which domains are restricted to as standard."
This has revolved the issue.
Whenever I open a new tab in Google Chrome I see the Google search bar plus 8 thumbnails of recently visited (or most visited) sites. I never click on the thumbnails and find them to be annoying. Is there anyway to disable this in Chrome?
I can think of a hacky workaround like creating a blank page someplace and setting that to be the new tab page, but there must be a better way. Any ideas?
Since nobody answered I thought I would post and answer to my question:
Use the Empty New Tab Page extension for a new blank tab instead of the default new tab.
There are also some redirect extensions such as Momentum, which loads a different full screen image each day.
type chrome://flags then Disable "Top Sites from Site Engagement"
Chrome allows extensions to run on chrome:// urls so one such possible future solution is if AdBlock explicitly requests the permission to run on chrome://newtab then you can just block the div with id most-visited. But currently AdBlock does not request this permission.
You could edit the manifest of AdBlock manually to include this permission or suggest it as a future feature.
The default new tap page's url is chrome-search://local-ntp/local-ntp.html. You can press F12 to check it. It's a local resource located in
C:\Program Files (x86)\Google\Chrome\Application\{Version}\resources.pak
or
C:\Users\%username%\AppData\Local\Google\Chrome\Application\{Version}\resources.pak
Open it with a HEX editor, search text
cur.style.opacity = 1.0
, and replace it with
cur.style.opacity = 0.0
Tested on Chrome 77.0.3865.90 .
I've updated a site's index.html, but I'm not seeing any updates on the site. I've refreshed, cleared cache, used another device and another browser, but I'm just getting the old site.
I'm worried it's because I've updated the wrong file, and it's actually not using index.html as a homepage. Is this possible? How do I see what page is the home page?
Thanks
In Chrome's Dev Tools (Ctrl+Shift+I), you should be able to see the page's Html under the elements menu. To view the source, you can click on the sources tab or press Ctrl+U. If you are using a website like Github to host your webpage, it might take some time for the index.html to update on the server, so be patient. Just wait a little while and if you can still see the old Html, then make sure you updated the right file. Good luck!
Chrome Dev Tools doesn't update any local files, it only changes the document as-loaded into your browser. Your changes are not saved and they are lost when you reload the page.
Note that Chrome Dev Tools does have a Local Workspace option, which does allow for this functionality, but you have to enable and configure it:
https://developers.google.com/web/tools/setup/setup-workflow
To make a local folder's source files editable in the Sources panel:
Right-click in the left-side panel.
Select Add Folder to Workspace.
Choose location of local folder that you want to map.
Click Allow to give Chrome access to the folder.
Please take a look at this link
http://jsfiddle.net/C7Py6/3/
The last icon on google viewer's toolbar - enables user to view on new browser window and download PDF. The question is, how can I make it view only and disable download (At least disable this toolbar item). Is that possible with google viewer? or is there any other viewer that works like Google Viewer but view-only?
You can host your PDF files on Google Docs and prevent viewer downloads. To do this do followings:
Once you login into your Google Docs account at docs.google.com website, you should see listing of documents in your account. Right click specific document that you want to secure by disabling download option.
Then click on “prevent viewers from downloading” option. This will remove downloading option and other users viewing the document cannot download the document file as a whole and reproduce its copy.
Also note, since you can only prevent downloading of documents created by you, click ‘Owned by Me’ option on left side. This will display document created and owned by you. Then you can disable and prevent document downloading option for files on display.
Then you can just share this PDF on your website. IT will be view only. The code will look like that:
<iframe src="url to pdf/preview" width="640" height="480"></iframe>
This is a simple way to control all features of Google Apps http://www.saasid.com/what-we-do/saasid-for-google-apps/
Application feature control gives organisations full management of application features and functions with no complex changes to theapplication back-end. Tabs, menu options, buttons and links can be can be disabled or removed from view, or their use can simply be monitored and logged. Application feature control features for Google Apps include:
Gmail can be made corporate-only,
File attach to Gmail messages can be removed,
Chat boxes removed,
Sharing options removed from menu or document editor in Google Drive
This technique will still allow the user to "make a copy" and with ownership this brings they can then download as they please. Not tested this, but I'm pretty sure I'm right...
How to save CSS changes of Styles panel of Google Chrome Developer Tools?
At tool's website it's mentioned that we can see all change in resource panel
But I'm working locally on a CSS file but changes are not showing in Resource panel for me
By the way Do you know any add-ons , tools to save css changes of Chrome Developer tools?
I know for Firebug there are many https://stackoverflow.com/search?q=firebug+CSS+changes+save
You can save your CSS changes from Chrome Dev Tools itself. Chrome now allows you to add local folders to your Workspace. After allowing Chrome access to the folder and adding the folder to the local workspace, you can map a web resource to a local resource.
Navigate to the Sources panel of the Developer Tools, Right-click in the left panel (where the files are listed) and select Add Folder to Workspace. You can get to a stylesheet in the Sources panel quickly by clicking the stylesheet at the top-right of each CSS rule for a selected element in the Elements panel.
After adding the folder, you'll have to give Chrome access to the folder.
Next, you need to map the network resource to the local resource.
After reloading the page, Chrome now loads the local resources for the mapped files. To make things simpler, Chrome only shows you the local resources (so you don't get confused on as to whether you are editing the local or the network resource). To save your changes, press CTRL + S when editing the file.
p.s.
You may have to open the mapped file(s) and start editing to get Chrome apply the local version (date 201604.12).
DevTools tech writer and developer advocate here.
Starting in Chrome 65, Local Overrides is a new, lightweight way to do this. This is a different feature than Workspaces.
Set up Overrides
Go to Sources panel.
Go to Overrides tab.
Click Select Folder For Overrides.
Select which directory you want to save your changes to.
At the top of your viewport, click Allow to give DevTools read and write access to the directory.
Make your changes. In the GIF below, you can see that the background:rosybrown change persists across page loads.
How overrides work
When you make a change in DevTools, DevTools saves the change to a modified copy of the file on your computer. When you reload the page, DevTools serves the modified file, rather than the network resource.
The difference between overrides and workspaces
Workspaces is designed to let you use DevTools as your IDE. It maps your repository code to the network code, using source maps. The real benefit is if you're minifying your code, or using code that needs to get transpiled, like SCSS, then the changes you make in DevTools (usually) get mapped back into your original source code. Overrides, on the other hand, let you modify and save any file on the web. It's a good solution if you just want to quickly experiment with changes, and save those changes across page loads.
New versions of Chrome have a feature called workspaces which addresses this issue. You can define which paths on your webserver correspond to which paths on your system, then edit and save with just ctrl-s.
See: http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/
I know it is an old post, but I save it this way :
Go to Sources pane.
Click Show Navigator (to show the navigator pane on left).
Click the CSS file you want. (It will open in the editor, with all changes you made)
Right click on editor and Save your changes.
You can also see Local Modifications to see your revisions, very interesting feature.
Also work with scripts.
You're looking in the wrong section of "Resources".
It's not under "Local Storage", it's under "Frames":
The above screenshot shows a diff of the original styles against the new modifications made in the devtools. You can right-click the item in the left pane and save it back to disk.
Tincr Chrome extension is easier to install (no need to run node server) AND also comes with LiveReload like functionality out the box! Talk about bi-directional editing! :)
Tin.cr Website
Chrome Web Store Link
Andy's Blog Article
Now that Chrome 18 was released last week with the required APIs, I published my chrome extension in the Chrome web store. The extension automatically saves changes in CSS or JS in Developer tools into the local disk. Go check it out.
UPDATE 2019: As other answers are bit outdated, I'll add updated one here. In latest version there's no need to map the chrome folder to filesystem.
So, suppose I have a web folder containing HTML,CSS,JS files in desktop which i want to be updated when I make changes in chrome:=
1) You'd need a running local server like node etc, alternatively this vscode extension creates the server for you: live server VSCode extension, install it, run the server.
2) load the html page in chrome from running local server.
3) Open devTools->Sources->Filesystem->Add folder to workspace
4) Add the folder which is used in running local server. No additional mapping is required in latest chrome! Ta-da!
More on it Edit Files With Workspaces
Note that the changes made on the styles tab will NOT reflect on the filesystem files.
Instead you need to go to devtools->source->your_folder and then make your changes there and reload the page to see the effect.
As long as you haven't been sticking the CSS in element.style:
Go to a style you have added. There should be a link saying inspector-stylesheet:
Click on that, and it will open up all the CSS that you have added in the sources panel
Copy and paste it - yay!
If you have been using element.style:
You can just right-click on your HTML element, click Edit as HTML and then copy and paste the HTML with the inline styles.
FYI, If you're using inline styles or modifying the DOM directly (for instance adding an element), workspaces don't solve this problem. That's because the DOM is living in memory and there's not an actual file associated with the active state of the DOM.
For that, I like to take a "before" and "after" snapshot of the dom from the console:
copy(document.getElementsByTagName('html')[0].outerHTML)
Then I place it in a diff tool to see my changes.
Full article: https://medium.com/#theroccob/get-code-out-of-chrome-devtools-and-into-your-editor-defaf5651b4a
To answer the last part of your question about any extensions that can save changes, there is hotfix
It allows you to save changes from Chrome Dev Tools directly to GitHub. From there you can set up a post-receive hook on GitHub to automatically update your website.