2016-04-25 59 views
-1

我想为每天都需要使用的可怕网站创建替代用户界面,而我的眼睛正在流血。所以,我首先尝试创建一个HTML文档并通过iframe嵌入网站,并使用jQuery和CSS来修改UI。以用户身份自定义网站界面

<iframe src="site-to-modify"> 

但出于安全原因,您无法访问网站DOM。 任何方式做到这一点,而不使用像Stylish这样的插件(https://addons.mozilla.org/es/firefox/addon/stylish/)只需使用HTML + CSS + js以及基于这些框架的框架。这可能吗? :D

+1

查看浏览器扩展程序Stylish和Greasemonkey。 – drudge

回答

1

当您尝试在网页中嵌入其他网域的边时,由于same origin policy,这会导致错误。对于你的情况,而不是试图直接操纵dom,如果网站提供了一些REST API,你可以用它来构建你自己的前端。技术上通过操纵dom为网站构建自己的用户界面可能不太容易。 另一种方法是开发chrome或firefox的小扩展,它使用Chrome开发者控制台API或Firefox的扩展,并在网站打开时默认应用这些样式更改。

+0

没有REST api,那太棒了。我不想做出重大改变,只是造型和删除一些内容而留下重要的东西。 感谢您的回复。 – user6249428

+1

在这种情况下,为什么不使用浏览器插件? [Reddit增强套件](http://redditenhancementsuite.com/)与您所描述的内容类似。 –

1

正如user93所说,你将面临CORS问题。如果你不想使用Stylish或想要更精细的控制,最好的选择(假设没有API可以使用)是编写一个服务器来抓取这个网站的信息并将其作为JSON或者定期HTML。

+0

嗯......有趣。我没有记住这一点,但我会考虑这种可能性。谢谢。 – user6249428

+0

根据网站服务内容的类型以及您想要查看的信息,假设替代用户界面要么被托管在某处,可以使用http://www.socket.io来实现此想法,或者你有一个本地运行的节点服务器。 – iamjawa