发表新帖
发表新帖

Using Javascript to override or disable meta refresh tag

后端 未结
关注
8 897
慢半拍i
慢半拍i 2020-11-29 08:08

I have a website, where I am trying to use Ajax to update some stuff on the page without reloading it. However, there is a good chance that many of my users will be using mo

相关标签:
8条回答
  • 清歌不尽
    2020-11-29 08:47

    Meta tags are awful in this case. What about search engines??

    What you should do is to make it something like I've outlined here. Your links should point to full working sites as if it were a web 2.0 page. Then with event handlers (onclick) you enhance the user experience by using ajax.

    So ajax users will not go to links, the link is rather processed when clicked and sent an ajax request to the exact same url but with an ajax GET parameter.

    Now on the server side you have to be able to generate the whole site by some method. If it is an ajax request you send the related content. If it is not an ajax request, yo generate the full site with the related part embedded.

    Your site will be SEO friendly, available to mobile users, and progressively enhanced for people on modern browsers and platforms. Finally ajax generated hash links will be usable, even as links.

    Awesomeness. :)

    0 讨论(0)
  • 无人及你
    2020-11-29 08:54

    Unfortunately, from @bluesmoon's answer, manipulating the DOM does not work anymore.

    The workaround is to retrieve the original markup, find and replace the meta refresh element, and then write the new document with the replaced markup.

    I am not sure how to retrieve the original markup using JavaScript except for sending an additional request using XMLHttpRequest.

    In Opera, here is what I am using:

    Disable meta refresh 1.00.js:

    // ==UserScript==
// @name Disable meta refresh
// @version 1.00
// @description Disables meta refresh.
// @namespace https://stackoverflow.com/questions/3252743/using-javascript-to-override-or-disable-meta-refresh-tag/13656851#13656851
// @copyright 2012
// @author XP1
// @homepage https://github.com/XP1/
// @license Apache License, Version 2.0; http://www.apache.org/licenses/LICENSE-2.0
// @include http*://example.com/*
// @include http*://*.example.com/*
// ==/UserScript==

/*
 * Copyright 2012 XP1
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*jslint browser: true, vars: true, maxerr: 50, indent: 4 */
(function (window, XMLHttpRequest) {
    "use strict";

    if (window.self !== window.top) {
        return;
    }

    window.stop();

    var uri = window.location.href;

    var request = new XMLHttpRequest();
    request.open("GET", uri, false);
    request.send(null);

    if (!(request.readyState === 4 && request.status === 200)) {
        return;
    }

    var markup = request.responseText;
    markup = markup.replace(/<meta http-equiv="refresh".*\/?>/gi, "");

    var document = window.document;
    document.open();
    document.write(markup);
    document.close();
}(this, this.XMLHttpRequest));

    Opera also has a built-in feature that disables meta refreshes. No need for JavaScript.

    • Right click on webpage > Edit Site Preferences... > Network > Disable "Enable automatic redirection" > OK.
    0 讨论(0)
  • 清歌不尽
    2020-11-29 08:56

    This is an example of what I use and it works perfectly (especially on Firefox)!

    <html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Redirecting</title>
</head>
<body onload="location.replace('http://www.live.comeseetv.com'+document.location.hash)">
<a href="http://www.live.comeseetv.com">Redirecting you to http://www.live.comeseetv.com</a>
</body></html>
    0 讨论(0)
  • 眼角桃花
    2020-11-29 09:03

    You cannot override meta refresh tag with JavaScript.

    However you can do this

    Suppose your page is at ->

    http://example.net/mike.html Put the following code there->

    <script type="text/javascript">
window.location = 'http://example.net/mike/for_Those_With_JavaScript_Enabled.html';
</script>
    0 讨论(0)
  • 栀梦
    2020-11-29 09:07

    This worked for me wonderful! (tried in chrome)

    window.stop();
    0 讨论(0)
  • 醉酒成梦
    2020-11-29 09:07

    I agree that meta refresh is not the right way forward here. In addition to galambalazs' link, search on "progressive enhancement".

    However, in the spirit of answering the question, you could try the following. It's untested, may not work in all browsers, but should be along the right lines:

    var i, refAttr;
var metaTags = document.getElementsByTagName('meta');
for i in metaTags {
    if( (refAttr = metaTags[i].getAttribute("http-equiv")) && (refAttr == 'refresh') ) {
        metaTags[i].parentNode.removeChild(metaTags[i]);
    }
}

    Whether removing it would stop the browser from refreshing in time remains to be seen.

    0 讨论(0)
 看不清?
提交回复
热议问题