原创文章,转载请注明出处. 作者:简体字丶冯; QQ:564372931 1．Chrome能搞这些事情 (1)     操作浏览器中打开的页面DOM 这能做什么哪?譬如说你想修改页面DOM(DOM是什么,找度娘,这娘们懂得多.),什么CRUD都可以.当然为了安全期间,扩展不允许直接调用页面中js文件(玩法后边会讲). (2)     与服务器通信 插件api提供接口可请求服务器(跨域XMLHttpRequest请求),这意味着你可以给插件做一套后台服务.譬如,印象笔记剪裁就是通过插件获取页面数据

使用场景 在开发Chrome插件时, 有一种需求: 要求在WEB页面显示一个浮动窗口(A), 在此窗口中允许用Ajax方式调用另一个服务器上的一个页面(B) B页面上有独立的功能用JS写function来实现 已知条件 窗口A可以利用content-script.js动态生成 窗口A中放置一个按钮, 调用Onclick方法召唤出B页面, 样例代码如下 <button onclick="invokeContentScript('openalertWin()')">test&l

1 class BasePage(): 2 """selenium基类""" 3 4 def __init__(self, driver=None): 5 self.log = Log().logger 6 self.report = cm.allure_json 7 self.broswer = CONF.web_broswer or 'firefox' 8 self.base_url = CONF.web_url 9 self.timeout

Kooboo中怎么新增一个关联的Details 动态页面. 有几个要点: 1. Sub Page的Parent Page 必须是英文书写.如果是中文会出现找不到页面 500错误 2. 要在Page Mapping中设置 url和page的关联 3. page要改成dynamices的. Dynamic pages I A dynamic web page is a kind of web page that has been prepared with fresh information (co

在页面左右一个悬浮div兼容IE6 IE7 8 9 Firefox chrome #identifier-pannel { bottom: 345px; margin-left: 512px; position: fixed; _position: absolute; left: 50%; width: 110px; _top: expression(eval(document.documentElement.scrollTop || document.body.scrollTop) +eval

问题:在最近的项目中,我通过传递不同的参数,复用同一组件进行渲染,然而意外出现一个bug,就是当我重新刷新该页面时,会新增一个tab 原来的: 刷新页面后: 查阅资料后,发现该现象是由于通过params进行传递的参数引起的,params进行传参后再次刷新页面,参数丢失,导致fullpath不一致,从而新增了页面(而我使用的d2admin基于element-ui第三方框架) 解决方案:将params方式传参改为使用query传参,这样参数就不会因为刷新而丢失 参考: https://juejin.

使用elementUI的el-form组件进行查询时,当输入框仅有一项时,回车自动提交表单,浏览器会刷新页面: 原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新. 1 <el-form :inline="true" :model="getForm" class="demo-form-inline"> 2 <el-form-item label="科目名称"> 3 &l

欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者:陈纬杰 背景 对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生,它把一些常见的动画效果都封装起来了,非常实用.但是有时候在开发中,仅仅只是需要某一两个动画效果,把整个CSS文件都引入,这样不是太好. 需求就出现了,能不能有一个工具可以直接预览Animate.css对应的动画效果,并且生成对应的动画代码呢? 作为一个UI开发,平时跟Chrome浏览器打交道最多,于是就整了一个

Chrome插件开发入门 Chrome扩展文件 Browser Actions(扩展图标) Page Actions(地址栏图标) popup弹出窗口 Background Pages后台页面 实战讲解   Chrome的更新速度可以说前无古人,现在我每天开机的第一件事就是打开Chrome检查是不是有了新版本.界面清爽.操作人性化.网络备份资料和快速的启动速度令我爱不释手,还有它拥有众多的扩展程序,相对于firefox的插件来说,数量上和质量上稍显不足,但相信chrome将会很快在扩展上超越fi

序言 最近开发chrome插件,涉及到消息传递机时按照教程去敲代码,结果总是不对.研究了大半天终于找到原因,现在记录下. 程序 插件程序参考官网 chrome官网之消息传递机制, 不能FQ的同事也可以参考下这位牛人的文章 [chrome插件开发之消息传递机制](http://ju.outofmemory.cn/entry/74567 "chrome插件开发之消息传递机制") 感谢这些牛人的分享让我们学到了很多知识. 这篇大牛的文章中有content向background传递消息的按钮,

Chrome插件开发入门(二)——消息传递机制   由于插件的js运行环境有区别,所以消息传递机制是一个重要内容.阅读了很多博文,大家已经说得很清楚了,直接转一篇@姬小光 的博文,总结的挺好.后面附一个自己写过的demo,基本就对消息传递能够熟悉了. 在开发 Chrome 扩展时经常需要在页面之间进行通讯,比如 background 与 content script 之间,background 与 popup 之间等等,本文结合官方文档中的例子介绍了 chrome 扩展开发中消息传递的基本实现.

1.在原来的窗体中直接跳转用onClick="window.location.href='你所要跳转的页面';" 2.在新窗体中打开页面用:onclick="window.open('你所要跳转的页面')" 3.返回上一页 ( 本地测试无效,服务器上可用)window.history.back(-1);<a onclick="javascript:history.back(1);" href="#">返回</

序言 去年7月刚过了日语N2,想着今年考个N1,为了加深日语文化的了解,还有学习日语,平时免不了经常上日语网站. 但是毕竟水平有限,所以不免遇到不认识的单词,日语单词的一个特点就是很多单词你知道是什么意思,但是不知道怎么读. 比如:"簡素な構造" 中的第一个词:"簡素",很显然就是"简单,朴素的意思",但是你肯定不知道它的读音是:"[かんそ]①". 以前遇到这样的词的时候,就会在沪江小D网页版上面查询,但是这样特别麻烦,你要跳

上一篇文章 通过“content-scripts”的方式向页面注入js和css来美化页面,但是有一个弊端:一旦配置好需要注入的页面,之后如果这个页面地址以后发生变化,或者要新加一些URL进来,那么得修改manifest.json这个文件.试想如果一个Chrome插件已经打包好,再去改代码是不可能的. 本文通过另一种方式来实现相同的功能,同时做到页面地址动态可配置.下图是本次要处理的页面:https://jiacrontab.iwannay.cn/download/ 每一行都是一个文件的基本信息,

趁着2018年还剩最后几天,发几篇博客,荒废太久了,惭愧. 最近也是需求驱动,研究了下Chrome插件开发.来看一下我们公司运维提供的日志查看页面 所有项目的日志都参杂在一起,每次去找都很痛苦.慢慢发现这些日志的名称都有个规律:项目名-日期-后缀,于是想美化下这个页面,但是服务端还动不了,只能在浏览器端想办法. Chrome插件可以本地渲染页面,是个非常不错的选择,直接来看下完成的效果 按照“项目名”和“日期”分类了,这样便于查看.同时页面也美化了,不仅实用而且赏心悦目. 一.从零开始了解Chr

一.CSS1&2中的文本属性(W3C标准) text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word-spacing CSS1 检索或设置对象中的单词之间插入的空格数. vertical-align CSS1/CSS2 设置或检索对象内容的垂直对其方式 white-space CSS1 设置或检索对象内空格的处理方式 direction CSS2 检索或设置文本流的方向 unicode-bidi CSS2

问题描述 Chrome浏览器所有页面崩溃,包括设置页面,"喔唷,崩溃啦!" 显示错误码:STATUS_INVALID_IMAGE_HASH Chrome所有插件报错,右下角一串弹框 问题所在 Google在79版本(2019年12月20号左右)的更新中又重新启用了Renderer Code Integrity Protection(渲染器代码完整性保护),会阻止签名不是谷歌和微软的模块加载.该功能已经在之前一个版本中导致同样的问题,并由Google自己禁用了. 解决方法 禁用谷歌chr

版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/weixin_44244857/article/details/85232668 前言 关于chrome extension的开发经验总结或说明文档等资料很多,很多人在写,然而,我也是一员.但是,也许这篇文章,可能给你一些不一样的感受.这里介绍的是80%你要开发扩展会碰到的问题 前面部分大多数是一些基础介绍,和别人的资料大同小异,但是用的是通

[1].不同大小的手机屏幕,对应的App每页最佳文本框个数,是不同的. [1.1]如果是iPhone4的屏幕尺寸,分辨率为640x960px的时候, 文本框个数最大值为:2个文本框 [计算公式] 第 一步.(960px屏幕总高度)-(40px的电量条高度)-(88px的顶部条高度)-(88px的下一步按钮的高度)-(键盘高度 520px)=224px的文本框高度: 第二步.(224px的总文本框高度)/(88px单个文本框高度)=2.5个文本框≍2个文本框 [基本尺寸] 40px是电量条的高度:

1.首先给出增加之后的成品 点击后的界面 3.需要增加的部分 新增一个类:DiglogAddUser  用于操作用户填写的数据,写入数据库等操作 3.1首先在资源文件中定义窗口代号 3.2 枚举出该代号 3.3 对点击后的窗口参数进行操作 3.4 在窗口数表中注册函数 3.5 注册函数的同时,需要定义函数的ID 3.6 以及在资源文件中添加与树表对应的菜单项 3.7 接下来写响应函数 3.8 以及点击后的响应函数 4.对在addbs函数添加响应的操作

JS 点击元素发ajax请求 打开一个新窗口 经常在项目中会碰到这样的需求,点击某个元素后,需要发ajax请求,请求成功以后,开发需要把链接传给前端(或者说请求成功后打开新窗口),前端需要通过新窗口打开这个链接,其实这样的原理大家可能觉得非常简单,想起来非常简单,用JS中的window.open就可以实现打开新的窗口,或者点击div元素,发ajax请求成功后,动态把链接传给a标签,然后再触发a标签事件,也可以实现,对吧?曾几何时,我也曾经把这样的问题发到JS群里面去,很多JS社区朋友说 龙恩 这