实时更改任何站点可视化属性答案

【问题标题】：live change any site visualization properties实时更改任何站点可视化属性
【发布时间】：2012-12-19 09:21:38
【问题描述】：

有没有办法通过能够抓取原始网站元素并更改其可视化属性的自定义页面来加载网站（或指向网页）？

例如：如果有一个带有红框段落的在线站点，是否可以创建一个能够指向该站点并将其段落可视化边框变为蓝色的页面？

更新：
非常非常重要，我绝对需要能够导航目标网站。
我正在寻找一种创建“可视化层”的方法，该层必须对最终用户透明。

更新 2：
我已经尝试创建一个 php 页面并使用 cURL 与此代码：

$ch = curl_init();

 curl_setopt($ch, CURLOPT_URL, 'www.google.com');
 curl_setopt($ch, CURLOPT_HEADER, 0);
 curl_setopt($ch, CURLOPT_RETURNTRANSFER,true);

 $output = curl_exec($ch);

 curl_close($ch);

print( $output );

页面已加载，但缺少一些元素和图像。我也无法浏览/搜索它。

更新 3：
我找到了一个非常接近我的目标的 FireFox 和 Chrome 扩展："Stylish"
此插件允许实时更改任何网站的 css 属性并将其保存，以便在您每次访问该页面时重新加载它们。

现在我的问题是：如何创建一个专用页面来加载和更改特定网站的可视化？

最终编辑：

为了用更相关的论点继续这个问题，我决定提出一个新问题：
create a php proxy page

【问题讨论】：

标签： php javascript html ajax

【解决方案1】：

使用 php CURL 函数抓取网站，然后将页面的 css 替换为您自己的，或者在 phpQuery 库的帮助下将 css 规则嵌入到文件中。

【讨论】：

好的，所以你建议创建一个php页面来将“原始页面代码”抓取到我的“可视化页面”中。我是否能够从我的页面浏览原始网站，或者它只是具有不同颜色样式的静态副本？
是的，链接将持续工作。但前提是它们以 http;//sitename 开头。否则，您应该将 href="/ 替换为 href="http;//sitename/。我对国际刑警组织通缉犯的假页面做了同样的事情，上面有我朋友的照片）
但我不知道目标站点代码或其链接目的地，我只有主 url。我需要创建一个“窗口”并查看该站点。我已经使用 iframe 进行了测试，但不幸的是它允许导航但无法跨域到达元素。
不在您的网站内导航，链接将打开原始网站。但是您可以用 yoursite.com/replacer.php?page=ORIGINAL_SITE_URL 替换原始站点的链接，并以与第一页相同的方式检索内容
您可以获取目标站点代码并使用其 DOM，就像使用 jQuery 处理您自己的站点一样。