chrome 扩展修改 html,制作并反映Chrome扩展程序中popup.html的更改

我是Chrome扩展程序的新手。我正在尝试创建一个基本扩展，每隔几秒就会在弹出页面中将值更新为输入字段。这是我目前的代码。

的manifest.json

{

"manifest_version": 2,

"name": "Test extension",

"version": "1",

"browser_action": {

"default_icon": "tl.png",

"default_popup": "layout.html"

"background": {

"scripts": ["jquery-3.2.1.min.js","addvalues.js"],

"persistent": false

"permissions": [

"alarms",

"tabs",

"webNavigation"

]

}

的layout.html

Portfolio value

addvalues.js

$(function()

{

var i=0;

var portvalue;

function getData()

{

portvalue = i;

$("#pfvalue").val(portvalue);

i++;

console.log(portvalue);

}

getData();

chrome.alarms.create("fetch data",{periodInMinutes: 0.1});

chrome.alarms.onAlarm.addListener(getData);

});

当我将弹出页面打开足够长时间时，输入值确实会发生变化。但当我关闭它然后再次打开它时，弹出页面将重置为显示0的初始状态。我无法弄清楚为什么会发生这种情况。

控制台显示正确的portvalue值(即每6秒更新一次)。

提前致谢。

chrome 扩展修改 html,制作并反映Chrome扩展程序中popup.html的更改相关推荐

制作第一个 iOS 应用程序
介绍本教程向您演示如何创建一个简单的iPhone应用程序.本文不打算对iPhone目前可用的特性作全面介绍,而是介绍一些技术,让您对基础开发过程有初步了解. 如果您刚开始使用Cocoa Touch进 ...
Chrome浏览器可以修改特定页面背景色吗？Chrome浏览器修改特定页面背景色的方法
在使用浏览器的时候,长时间面对一个内容和颜色会很容易产生视觉疲劳,那么在这个时候,要如何更改浏览器的背景呢,用户可以将自己的浏览器背景设置一下,更改浏览器的背景颜色,让用户使用起来更加的方便,用户可以 ...
安装chrome扩展插件.Crx文件时，总提示程序包无效：CRX_HEADER_INVALID
安装插件时提示程序包无效:"CRX_HEADER_INVALID"的解决方法 1.将插件安装包后缀名字.crx改为.rar或者.zip(有时候zip无法解压),修改完解压. Chr ...
Chrome浏览器不好用？因为你没安装扩展插件
一个朋友听说Chrome浏览器很好用,于是她也去使用了.用了大概一个月吧,就疯狂地吐槽谷歌浏览器太难用了,还不如IE浏览器呢.经过了解,原来她竟然不知道扩展插件.Chrome浏览器作为用户量最多的浏览 ...
Chrome资深粉热衷的10个必备扩展程序
如果你是Chrome用户,你应该很清楚扩展程序架构可以扩充功能,让Chrome不只是浏览器.事实上,有了合适的一组扩展程序,Chrome可以变成一种生产力很高的手段.不相信我?只要看看Chrome W ...
设置Jupyter notebook 默认工作路径，修改Jupyter notebook 默认浏览器为Chrome
这里写目录标题一设置Jupyter notebook 默认工作路径二修改Jupyter notebook 默认浏览器为Chrome 一设置Jupyter notebook 默认工作路径安装 ...
卸载chrome_Chrome 浏览器必备“扩展管理工具”，一键管理 Chrome 扩展
前言丰富的扩展插件可以说是 Chrome 浏览器的灵魂了,但是扩展安装的多了,难免会引起卡顿,而且每次打开/关闭扩展都要进入扩展程序页面,切换起来很不方便. 下面分享的三款 Chrome 扩展管理工 ...
chrome麦克风权限_如何在Chrome扩展程序中处理麦克风输入权限和语音识别
chrome麦克风权限 by Palash Taneja 由Palash Taneja 如何在Chrome扩展程序中处理麦克风输入权限和语音识别 (How to handle mic input pe ...
chrome插件中调用ajax,Chrome扩展程序中的Ajax调用无效
尝试在Chrome扩展程序中发送ajax请求.我已经确认请求返回200响应,它应该只是console.log来测试'.我不确定这里是否存在异常问题?我已经阅读了Chrome扩展程序' addListe ...

chrome 扩展修改 html,制作并反映Chrome扩展程序中popup.html的更改

chrome 扩展修改 html,制作并反映Chrome扩展程序中popup.html的更改相关推荐

最新文章

热门文章

chrome 扩展 修改 html,制作并反映Chrome扩展程序中popup.html的更改

chrome 扩展 修改 html,制作并反映Chrome扩展程序中popup.html的更改相关推荐

最新文章

热门文章

chrome 扩展修改 html,制作并反映Chrome扩展程序中popup.html的更改

chrome 扩展修改 html,制作并反映Chrome扩展程序中popup.html的更改相关推荐