Question

浏览一小时后，我决定在这里提出这个问题。

是否可以将css代码添加到网址，例如更改背景颜色？

开玩笑：http://yahoo.com（命令）style = background-color：＃000000;

或类似的。或者是否可以使用修改后的css创建网址，而不使用Chrome扩展程序或类似网址？

感谢您的帮助！

Answer 1

没有。您不能（使用标准软件）通过向该文档的URL添加任何内容来修改文档（除非服务器识别URL的添加（例如，如果它是查询字符串）并基于它返回不同的文档）。

如果可能，浏览器会将每个网站公开到XSS attacks。

浏览器扩展是执行此客户端的唯一方法（但会使该扩展的用户容易受到XSS攻击）。

您还可以在两阶段方法中使用书签（1.访问页面.2。点击激活图书市场。）。

Answer 2

这在某种程度上是可能的，但可能不是你想象的那样（参见Quentin的答案来理解为什么）。

使用javascript - 请注意，这是不一个“原生”功能，所以你必须做一些小事。看下面的例子：

function get_query_param(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

window.onload = function() {
    var bgcolor = get_query_param('bgcolor');
    if (bgcolor.length) {
        document.getElementById("xyz").style["padding-top"] = "10px";
        document.body.style.backgroundColor = bgcolor;
    }
}

现在尝试在网址末尾使用?bgcolor=red浏览您的网页。

当然这是主要想法的演示，您必须使用此方法实现您希望修改的每个css属性。

希望有所帮助。

Answer 3

是的，这是可能的。按照这个： <a href="http://yahoo.com" style="background: #777777; color: #F0AD4E;">Yahoo</a>

Answer 4

是否可以使用修改过的css
创建网站加载的网址

解决方案：

添加以下内容：?v=1.1

<link rel="stylesheet" href="style.css?v=1.1">

当您更改css时，请更改此版本：?v=1.2之后您的浏览器将加载新更新的CSS。请注意，每次更改css时都可以替换为任何数字。

这对CSS没有影响。它只会使浏览器认为它是一个完全不同的文件。

如果您暂时不更改该值，浏览器将继续缓存（或保留）该文件，并且除非其他因素强制执行，否则不会尝试下载该文件，或者您最终更新查询字符串值。

是否可以将CSS代码添加到URL？

4 个答案: