首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

防止网页嵌入框架的代码

最近,国内开始流行另一种流氓行为:使用框架(Frame),将你的网页嵌入它的网页中。 比如,有一家网站号称自己是"口碑聚合门户",提供全国各个网上论坛的精华内容。...1)它故意屏蔽了被嵌入网页的网址,侵犯了原作者的著作权,以及访问者的知情权;   2)大量业者使用的是不可见框架,使得框架网页与被嵌入网页视觉上完全相同,欺骗性极高;   3)不良业者在被嵌入网页的上方或周围附加广告...如果确有必要,将他人的网页嵌入自己的框架,那么应该同时满足以下三个条件:   A. 在框架网页的醒目位置,清楚地说明该网页使用了框架技术,并明确列出原网页的URL网址。   B....=top) // 判断当前的window对象是否是top对象 top.location.href =window.location.href; // 如果不是,将top对象的网址自动导向被嵌入网页的网址... UPDATE 2010.8.15 发布升级版代码,使得除了本地域名以外,其他域名一律无法将你的网页嵌入框架。

1.2K40
您找到你想要的搜索结果了吗?
是的
没有找到

防止网页嵌入框架的代码(续)

两年前,我写过一段代码,防止网页嵌入框架(Frame)。   if (window!...=top) // 判断当前的window对象是否是top对象   top.location.href = window.location.href; // 如果不是,将top对象的网址自动导向被嵌入网页的网址...但是,有一个问题:使用后,任何人都无法再把你的网页嵌入框架了,包括你自己在内。 于是,我今天就在考虑,有没有一种方法,使得我的网页只能被嵌入我自己的框架,而不是别人的框架? 表面上看,这个问题很简单。...也就是说,111.com把222.com嵌入了它的网页中。这时,比较 top.location.hostname != window.location.hostname 会有什么结果?...除了本地域名以外,其他域名一律无法将你的网页嵌入框架。我的Blog现在就使用这段代码。 ==============================

1.2K80

WinForm嵌入Web网页的解决方案

这就是一个典型的Web网页中启动客户端程序的场景。更形象的应用场景是,WinForn/WPF客户端程序嵌入Web程序,Web程序的网页中js调用WinForm/WPF窗体以及业务方法。...不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。...CefSharp【推荐】   CefSharp是一种将功能齐全的符合标准的web浏览器嵌入C#或VB.NET应用程序的简单方法。...使用 WebView2,可以在本机应用的不同部分嵌入 Web 代码,或在单个 WebView 实例中生成所有本机应用。...budcribar/RemoteBlazorWebView 示例程序:https://github.com/budcribar/RemoteBlazorWebViewTutorial 综合考虑,在客户端程序中嵌入网页程序

4.2K11

网页制作成 Chrome App

0 前言 在即刻看见了一篇文章,内容是关于把网页制作成一个桌面应用,试了一下,感觉挺好的。...还有另一个方法,那就是在想创建快捷方式的网页里点击设置按钮,接着在更多工具里面点击 创建快捷方式,这时开始菜单和桌面就都有快捷方式了。 ?...2 替换图标 快捷方式的名字是 URL,自行修改就好;图标是网页的 favicon.ico,好像因此图标就变得模糊。...3 说明 我因为不喜欢微信的 Windows 客户端,所以才使用把网页版微信制作成 Chrome App。制作成 Chrome App 之后还可以使用谷歌浏览器的扩展,美滋滋。...参考文章链接:你其实一个 App 都不用装,教你一键做不用下载、不占内存的桌面 App 题图:Photo by David Martin Jr. on Unsplash

7.7K20

B站视频嵌入自定义网页 bilibili

非正文 如果wordpress嵌入 需要文章中 放一个Html,填写,把B站弄的 Iframe 标签放进去就行。需要CSS 自己加在行内样式。...image.png 正文 使用场景 自己做的网页,小破服务器网络扛不住那么大的视频流压力 有什么好办法?...当然有,我说下我的解决方案 将视频,上传到一个视频平台,然后通过一些手段,将平台上面的视频,嵌入到自己的网页内,这样流量的压力就由服务器,转移到了用户自己的网络。...我们的服务器只需要负责网络传输 短短的代码大小的压力 就实现轻量级,实现嵌入视频 相关参数说明 https://player.bilibili.com/player.html?...cid=274753927&aid=713418332&page=1&as_wide=1&high_quality=1&danmaku=0 链接放到浏览器 可以打开 在下面是本页面嵌入的 应该看得到 480p

3.9K10

【UniApp】-uni-app-打包成网页

前言 经过上一篇文章的介绍,已经将这个计算器的计算功能实现了,接下来就是我们项目当中的一个发包上线阶段,我模拟一下,目的就是为了给大家介绍一下,uni-app是如何打包成网页的。...除了可以打包成网页,uni-app还可以打包成小程序、App、H5、快应用等等,后面在单独开文章详细介绍。...正文 接着上篇文章的项目来进行,首先找到项目中的 manifest.json 文件,因为本篇是介绍打包成网页,所以我们要找到 Web配置: 配置页面标题 配置一下:页面标题 配置index.html模板路径...这行代码里面有一个 src 属性指定的是一个路径 好,那么这个时候我就要来介绍了,如果说你的资源地址是一个统一的路径你就可以修改一下这个 src 的地址,例如你的地址是 /h5 这代表的是 h5 的资源,将来你也有 app...协议与配置前端开发服务端口是在开发阶段去使用的 只需要配置好 页面标题/index.html模板路径/路由模式/运行的基础路径 即可 正式打包 点击 HBuilderX 工具栏中的 发行 -> 网站-PC Web或手机H5(仅适用于uni-app

29710

网页游戏制作_怎么制作app软件

用这三个做网页基本上无往不利了不过要想学会没有半年也是不行的学会html之后再学css网页排版 再学javascript网页特效 都学会了再去学数据库 这是动态网页的基础 之后再去学asp php...另外我再转给你一段文章 希望你看过后会有所感悟 CSS网页布局开发应该使用什么软件呢?...有很多朋友是用DreamWeaver进行开发,DreamWeaver是三剑客之一,在传统的table布局中,可视化的环境让我们编辑网页非常轻松,各项功能面板进行设置即可达到想要的效果。...CSS网页布局是建立符合WEB标准的网页,表现、内容、行为分离。我们要简化我们的代码,让其效率更高。而应用DreamWeaver往往会增加许多垃圾代码,而且不够简化。...如果你想对CSS了如指掌,你想对CSS网页布局的工作非常熟练。建议你扔掉一切辅助软件,用记事本进行开发。如果感觉很困难或者一些单词记不住。

9.4K20

【服务器APP】利用HBuilder X把网页打包成APP

概述 探讨如何将网页转化为APP,这似乎是一个令人感到困惑的话题。 利用HBuilder X,一款基于Electron框架的集成开发环境,这一转变变得轻而易举。...HBuilder X具有多平台支持、HTML5+CSS3+JavaScript开发、内置调试工具和实时预览等特点,让开发者能够利用熟悉的前端技术,快速将网页应用打包成适用于iOS和Android平台的原生...APP。...打开文件->新建->项目 根据需要选择 1.2 基础配置 确定APP名称+APPID【需要点击重新获取注册登录】 1.3 图标配置 选择APP图标 1.4 启动界面配置 登录图显示 1.5 模块配置 取消勾选...Contact【如果实名认证了可以勾选】 1.6 打包成APP 发行->云打包 下载成功后去对应文件夹就可以看到安装包apk文件了。

12610

Fusion App--所有网页都是客户端

应用推荐 fusionapp重制版是一款非常不错的网页生成器,这是一款特色的手机端网页制作工具,软件提供了非常智能便捷的网页便捷端,供开发人员进行网页的开发,创建,修改等,功能多多,更有超多专业的功能模块供你使用...---- 应用介绍 所有网页都是客户端 fusion手机版提倡将网页中的组件元素删除,并使用安卓原生组件替代,以此获得良好的交互体验并让整个网页焕然一新,就像真的客户端一样。...灵活动态,简单易用 FusionApp的UI模板的组件可自由装卸与定制,这使它可以与网页内容充分融合。它可自由的定制应用元素的点击事件,和方方面面的东西,且配置起来也非常简单,任何人都能轻松上手。...---- 更新日志 相较于Fusion App,重制版更新以下: 【增加】工程打包加密。 【增加】版本选择安装。 【修复】工程图片显示在图库的问题。...5、设置启动网页(自己网站的域名)。 6、最后点击右上角的按钮查看app效果即可。

2.1K10

Android开发:App点击跳转到网页的实现

前言 在Android开发过程中,点击App里面的控件进行网页跳转是经常会遇到的需求,但是Android的网页跳转有两种方式实现App点击控件跳转到网页,第一种就是App里面的代码根据网址链接进行网页跳转...,第二种就是根据Webview控件进行网页跳转。...一、App代码根据网址链接进行网页跳转 App里面的代码根据网址链接进行网页跳转是比较常用的方式,而且这种方式也比较简单,这里按照facebook来进行举例说明,具体代码如下所示: @Override...5行,但是可以完美解决网页跳转需求,建议根据实际情况选择网页跳转的实现方式。...App实际效果的部分截图,如下所示: [#私藏项目实操分享#Android开发:App点击跳转到网页的实现_控件] 最后 以上就是本章的全部内容,希望对你有帮助!

2.1K00

Android开发:App点击跳转到网页的实现

前言 在Android开发过程中,点击App里面的控件进行网页跳转是经常会遇到的需求,但是Android的网页跳转有两种方式实现App点击控件跳转到网页,第一种就是App里面的代码根据网址链接进行网页跳转...一、App代码根据网址链接进行网页跳转 App里面的代码根据网址链接进行网页跳转是比较常用的方式,而且这种方式也比较简单,这里按照facebook来进行举例说明,具体代码如下所示: @Override...5行,但是可以完美解决网页跳转需求,建议根据实际情况选择网页跳转的实现方式。...xmlns:android="schemas.android.com/apk/res/and…" xmlns:app="schemas.android.com/apk/res-aut…"...App实际效果的部分截图,如下所示:

1K41
领券