javascript

java

python

c#

node.js

android

reactjs

c++

php

jquery

html

css

git

ruby-on-rails

.net

ios

sql

c

string

ruby

jQuery-Chrome中的select选项元素上的Click事件

我在click中遇到以下问题:

var items = $("option", obj);  

items.each(function(){

    $(this).click(function(){

        // alert("test");
        process($(this).html());
        return false;
    });
});

click事件似乎并未在option中引发,但在<li>中起作用。

我想通过组合从option元素上获取click,如果我改为使用另一种元素,则说<li>可以正常工作。 有任何想法吗? 谢谢。

trans by 2019-10-15T22:11:33Z

调试-使用Chrome JavaScript调试器/如何中断页面加载事件

我正在使用chrome的调试器,并且在页面运行后设置断点方面很好。 我的问题是当我执行f5或在URL行上按Enter键时,我的断点消失了。 如何在页面首次加载时在代码中设置断点?

trans by 2019-10-15T19:46:54Z

如何在Chrome中禁用谷歌翻译从HTML

我刚刚为一家法国餐厅制作了一个网站。 该网站是英文的,但是我想网站上有足够的法语(带有菜单项标签的图片),如果使用Chrome浏览器,则会提示访问者翻译该网站。

有什么我可以添加到html中的内容,以防止Chrome请求翻译页面吗? 我以为是<html lang="en">之类的东西,但这不起作用。

有任何想法吗?

谢谢

trans by 2019-10-15T01:20:35Z

从封闭的网络应用发送Chrome或Firefox中的桌面通知?

我的目标是从浏览器中当前未打开的Web应用程序(称为X)在Chrome或Firefox中发送Gmail样式的桌面通知,而无需用户安装应用程序或扩展程序。 用户需要授予从X接收通知的权限是可以的,并且只要不需要在浏览器中打开X,也可以打开浏览器以显示通知。 不需要打开任何浏览器窗口的解决方案也可以使用。

我只是花了一天的时间来研究这个问题,到目前为止,我认为我已经学到了:

  • 自OSX Mavericks以来,就可以通过Safari推送通知在Safari 7+中执行此操作。
  • Web Notifications API可在Chrome / Firefox中运行,但要求用户的浏览器对X开启。
  • Twitter发送类似的Web通知,而无需先征询用户的许可,但要求用户的浏览器对Twitter开放。
  • 关于可能的Growl实现的参考有很多,但据我所知,所有这些都要求用户安装Growl和/或启用Growl的应用才能正常工作。

我可能对上面的任何陈述是错误的-我很想听听! -我也愿意接受其他任何解决方案。 有任何想法吗?

谢谢阅读。

trans by 2019-10-11T06:03:05Z

javascript-如何在Chrome浏览器中触发deviceready事件(尝试调试phonegap项目)

我正在开发PhoneGap应用程序,我希望能够在Chrome中而不是在手机上对其进行调试。 但是,我在onDeviceReady()函数中对代码进行了初始化,该函数在PhoneGap触发“ deviceready”事件时触发。 由于Chrome不会触发此事件,因此我的代码从未初始化过。

这是我的代码的精简版:

var dashboard = {};

$(document).ready(function() {
    document.addEventListener("deviceready", dashboard.onDeviceReady, false);
}); 

dashboard.onDeviceReady = function() {
    alert("hello!"); //this is never fired in Chrome
};

我尝试使用StopGap代码,该代码基本上只执行以下操作:

var e = document.createEvent('Events'); 
e.initEvent("deviceready");
document.dispatchEvent(e);

但是,当我在Chrome JavaScript控制台中运行该代码时,“ hello”警报仍然不会触发。 我究竟做错了什么? 还是Chrome仅不支持触发设备就绪之类的“自定义”事件?

trans by 2019-10-10T17:32:26Z

javascript-Chrome扩展程序:如何在新标签页中打开链接?

在我的Stackoverflow文件夹中,我有stackoverflow.ico和2个波纹管文件。 将其导入Chrome时,它会在地址栏中显示该图标,但是当我单击它时,Chrome不会打开任何新标签。 我究竟做错了什么?

manifest.json

{
  "name": "Stackoverflow",
  "version": "1",
  "browser_action":
  {
    "default_icon": "stackoverflow.ico"
  },
  "background":
  {
    "page": "index.html"
  },
  "permissions": ["tabs"],
  "manifest_version": 2
}

的index.html

<html>
  <head>
    <script>
      chrome.browserAction.onClicked.addListener(function(activeTab)
      {
        var newURL = "http://stackoverflow.com/";
        chrome.tabs.create({ url: newURL });
      });
    </script>
  </head>
</html>
trans by 2019-10-09T18:10:12Z

javascript-无法打开本地文件-Chrome:不允许加载本地资源

测试浏览器:Chrome版本:52.0.2743.116

这是一个简单的JavaScript,可以从本地打开图像文件,例如“ C:\ 002.jpg”

function run(){

   var URL = "file:///C:\002.jpg";

   window.open(URL, null);

}
run();

这是我的示例代码。[https://fiddle.jshell.net/q326vLya/3/]

请给我任何合适的建议。

trans by 2019-10-09T02:29:16Z

谷歌浏览器-可以在浏览器中模拟方向吗?

作为标题,可以在谷歌浏览器或Firefox中模拟方向吗? 意味着以某种方式更改浏览器以支持媒体查询(方向=(横向或纵向))

我有一个用于移动设备的仿真器,但我想使用chrome或firebug的开发人员工具。

更新

Chrome v25专用...

对于任何人,都可以在Google Chrome开发者工具>替代>替代设备方向中更改2560260186186283967488、betagamma。我认为这是一个起点,但是我不知道它们是如何工作的,因此找不到任何东西。 。

也可以模拟CSS Media,但不能模拟纵向和横向,而可以模拟打印,屏幕,电视等。

更新v2

这是一个古老的问题,Chrome已多次更改此操作。

trans by 2019-10-08T13:25:58Z

Chrome是否有“脱机工作”选项?

我正在尝试在html5缓存清单中测试我的后备页面。 我宁愿不必为此而实际上断开与互联网的连接。 我听说它在Chrome中无法正常运行,因此我需要对其进行专门测试。 Chrome可以离线工作吗? 我已经搜索了设置和可用的扩展名,但是找不到任何东西。

trans by 2019-10-06T23:51:52Z

javascript-开发Firefox扩展最简单的方法是什么?

我打算开发一个简单的Firefox扩展程序,该扩展程序将缩短当前活动选项卡的URL,显示带有缩短的URL的弹出窗口,然后将其放入剪贴板。

在Google Chrome浏览器中,这非常简单(根据[http://developer.chrome.com/extensions/getstarted.html])–纯JavaScript加上一些对JavaScript API的调用,这些API与浏览器的UI进行了交互。

但是,在搜索了不错的Firefox扩展教程之后,我发现最正式的链接是:

  • [https://developer.mozilla.org/en-US/docs/Extensions]
  • [https://developer.mozilla.org/en-US/docs/Building_an_Extension]
  • 如何编写Firefox插件?

根据他们的说法,即使与浏览器的UI进行最简单的交互,我也必须学习XUL语言。 最重要的是,我将必须设置自定义Firefox配置文件,以便在开发过程中不使用默认配置文件,创建复杂的目录结构,以晦涩的XML编写清单,弄清楚如何打包和测试我实现的内容等。

现在是2013年,难道没有更简单的方法来构建Firefox扩展吗?

trans by 2019-10-06T16:46:30Z

javascript-webki中出现意外的令牌非法

// if the box is outside the window, move it to the end
function checkEdge() {
    var windowsLeftEdge = $('#window').position().left;

    $('.box').each( function(i, box) {
        // right edge of the sliding box
        var boxRightEdge = $(box).position().left + $(box).width();

        // position of last box + width + 10px
        var newPosition = getNewPosition();

        if ( parseFloat(boxRightEdge) < parseFloat(windowsLeftEdge) ) { 
            $(box).css('left', newPosition);
            $(box).remove().appendTo('#window');
            first = $('.box:first').attr('class');
        }
    });
}​ //Uncaught SyntaxError: Unexpected token ILLEGAL Occurs Here

// arrange the boxes to be aligned in a row
function arrangeBoxes() {
    $('.box').each( function(i, item) {
        var position = $('#window').position().left + i * ( $(item).width());
        $(item).css('left', position+'px')
    });
}

// shifts all the boxes to the left, then checks if any left the window
function shiftLeft() {
    $('.box').animate({'left' : "-=100px"}, 5000, 'linear', checkEdge());
}

// returns the new location for the box that exited the window
function getNewPosition() {
    return $('.box:last').position().left + $('.box:last').outerWidth();
}

$(window).load(function() {
      arrangeBoxes();
    shiftLeft();
    setInterval('shiftLeft()', 5000);

    $('#gallery-slideshow').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices:15,
        animSpeed:500, //Slide transition speed
        pauseTime:3000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:false, //1,2,3...
        keyboardNav:false, //Use left & right arrows
        pauseOnHover:false, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){}, //Triggers after all slides have been shown
        lastSlide: function(){}, //Triggers when last slide is shown
        afterLoad: function(){} //Triggers when slider has loaded
    });

});

$(document).ready(function(){

    $('.class-table tr').click(function(){
        window.location=$(this).find("a").attr("href"); return false;
    });

    $('.special-workshop').click(function(){
        window.location=$(this).find("a").attr("href"); return false;
    });

});

我在上面提到的行上收到了Uncaught SyntaxError:意外的令牌ILLEGAL。 它仅在Google Chrome和Safari中发生。 它可以在Firefox中使用,并且相同的代码也可以在此JSBin中使用([http://jsbin.com/uceqi/18)]

到底是怎么回事?

在Stackoverflow上有很多关于此问题的参考,但是似乎没有一个适用于这种情况。

如果有帮助,JSLint还会在该行字符2“第22行字符2:问题'意外'”上抛出错误。

trans by 2019-10-06T07:29:37Z

javascript-Chrome Profiler中的“未优化”警告是什么意思?

当我在Chrome中使用开发者工具收集JavaScript CPU配置文件时,我在功能上收到两个神秘的警告:

  • 未优化:优化太多次
  • 未优化:内联保释

这些实际上是什么意思? 有什么可能的解决方案?

我看到的另一个未优化:TryCatchStatement,但这很有意义。 解决方法是删除try-catch。

到目前为止,我发现的最接近的解释是-[https://github.com/GoogleChrome/devtools-docs/issues/53]

trans by 2019-10-05T17:00:32Z

javascript-在Chrome DevTools中禁用源地图

有没有一种快速的方法可以将Chrome DevTools中显示的jsx代码切换到原始ES5,然后再返回呢?

trans by 2019-10-05T00:57:31Z

CSS-如何知道Chrome使用的是哪种字体?

这个问题在这里已有答案:

  • 如何确定浏览器实际用于渲染某些文本的字体?                                     8个答案

假设我有以下CSS

font-family: 'Non-existant Sans', Arial, sans-serif;

假设系统上未安装“不存在的Sans”,则浏览器将使用Arial。 使用Chrome浏览器,有没有办法找出要呈现的字体?

编辑:戴夫(在问题的评论中)指出了类似的问题。 我在这里专门询问有关Chrome的问题。 在另一个问题中,许多答案都建议使用扩展名。 有单独使用开发工具确定此信息的本地方法吗?

2013年9月编辑:Chrome小组刚刚宣布,最新版本的Chrome Canary中现已提供字体家族检查(Twitter链接包含更多信息的图像)。 这应该会在接下来的几周内逐步通过dev> beta>稳定–好消息!

trans by 2019-10-03T19:10:54Z

调试-Chrome JavaScript调试器断点什么都不做?

我似乎无法弄清楚Chrome调试工具。

我的Chrome版本为21.0.1180.60 m。

我采取的步骤:

  1. 我按ctrl-shift-i打开控制台。
  2. 单击“源”,然后选择我要调试的相关javascript文件。
  3. 通过在左侧行旁边的排水沟上放置一个蓝色标记,在希望代码停止的位置设置断点。
  4. 我单击了我的网页(这是一个php呈现页面)上的按钮,该按钮启动了javascript代码。
  5. 代码成功运行,没有停止。

我还注意到,Watch Expressions也不起作用。 它一直告诉我我要监视的变量未定义。

进一步的测试发现导致断点失败的是我的代码。 似乎它在“ $(”#frmVerification“)。submit(function(){”行上失败。它没有进入该function()内部的断点。

以下是:

//function to check name and comment field 
var test = "this is a test";
var test2 = "this is another test";

function validateLogin(){
    //if(userEmail.attr("value") && userPass.attr("value"))
        return true;
    //else
        //return false;
}

//onclick on different buttons, do different things.
function ajaxRequest(){

}
$(document).ready(function(){
  //When form submitted
    $("#frmVerification").submit(function(){
        var username = $("#username");
        var token = $("#token");
        var action = $("#action");
        var requester = $("#requester");
        if(validateLogin()){
            $.ajax({
            type: "post",
            url: "verification.php",
            data: "username="+username.html()+"&token="+token.val()+"&action="+action.val()+"&requester="+requester.val(),
            success: function(data) {
                try{
                    var jsonObj = $.parseJSON(data); //convert data into json object, throws exception if data is not json compatible
                    if(jsonObj.length > 0){//if there is any error output all data
                        var htmUl = $('<ul></ul>');
                        $.each(jsonObj, function(){
                            htmUl.append('<li>' + this + '</li>');
                        });
                        $("#errOut").html(htmUl);
                    }else{
                        alert("Your account is now activated, thank you. If you have already logged in, press OK to go to the home page. If not, you must log in first.");
                        window.location.replace("home.php");
                    }
                }
                catch(e){//if error output error to errOut]
                    $("#errOut").html("PHP module returned non JSON object: <p>"+data+"</p>");
                }
            }
        });
    }
    else alert("Please fill UserName & Password!");
        return false;
    });
});
trans by 2019-10-02T03:36:05Z

将Google Chrome设置为Visual Studio中的调试浏览器

当我在Visual Studio 2008中按F5键时,我希望启动运行我的ASP.NET应用程序的浏览器的Google Chrome浏览器。我知道该怎么做吗?

trans by 2019-10-01T22:35:24Z

谷歌浏览器-HTML5视频不会循环播放

我有一个视频作为网页的背景,并且我试图使其循环播放。 这是代码:

<video autoplay='true' loop='true' muted='true'>
  <source src='/admin/wallpapers/linked/4ebc66e899727777b400003c' type='video/mp4'></source>
</video>

即使我告诉视频循环播放,也不会。 我还尝试使它与Resource interpreted as Other but transferred with MIME type undefined.属性一起循环(根据此Mozilla支持线程,我也尝试过使用jQuery)。 到目前为止没有任何工作。 Chrome或我的代码有问题吗?

编辑:

我检查了网络事件和工作副本的头([http://fhsclock-labs.heroku.com/no-violence)]与尝试运行的应用程序的对比。 不同之处在于工作副本从Heroku上的静态资产(显然是通过Varnish)提供视频,而我的副本则由GridFS(MongoDB)提供。

Chrome浏览器的“检查器”的“网络”标签显示,在我的应用程序中,视频被请求了3次。 状态一次是“待定”,第二次是“取消”,最后一次是200 OK。 工作副本仅显示两个请求,一个状态为待处理,另一个为206部分内容。 但是,在视频播放一次之后,该请求将更改为“已取消”,并再次请求该视频。 在我的应用程序中,这不会发生。

至于类型,在我的应用程序中,两个是“未定义”,另一个是“ video / mp4”(应该是)。 在工作的应用中,所有请求均为“ video / mp4”。

此外,我在控制台中收到Resource interpreted as Other but transferred with MIME type undefined.警告。

我不太确定从哪里开始。 我认为该问题是服务器端的,因为将文件作为静态资产服务可以正常工作。 可能是服务器未发送正确的内容类型。 GridFS可能是一个问题。 我不知道。

无论如何,来源就在这里。 您可以提供的任何见解都将受到赞赏。

trans by 2019-10-01T05:37:32Z

CSS-Chrome设备模式仿真媒体查询不起作用

由于某种原因,设备仿真模式无法读取我的媒体查询。 它可以在其他网站上使用,包括我用引导程序创建的自己的网站,但不适用于我从头开始使用的媒体查询(单击媒体查询按钮会将按钮变为蓝色,但不显示媒体查询)。 测试文件如下。 这是Chrome中的错误,还是我的文件需要更改?

<!DOCTYPE html>
<!--
Media Queries Example 1
Sam Scott, Fall 2014
-->
<html>
<head>
    <title>MQ Example 1</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body { font-family: sans-serif; }
        h1 { color: red; } 
        h2 { color:blue; }
        p { color:green; }

        @media (max-width: 768px) and (min-width: 481px) {
            h1 { color: green; } 
            h2 { color:red; }
            p { color:blue; }
        }

        @media (max-width:479px), print { 
            h1,h2,p { color:black; }
        }

        @media print {
            body { font-family: serif; }
        }


    </style>
</head>
<body>
    <h1>I'm a first level heading</h1>
    <p>I'm a paragraph.</p>
    <h2>I'm a second level heading</h2>
    <p>I'm another paragraph.</p>
</body>
</html>
trans by 2019-09-30T18:40:04Z

html5-Chrome中的HTML5地理位置提示

刚刚开始进入HTML 5并测试地理位置...到目前为止为止。 不过,我遇到了一些减速带...当我尝试获取地理位置时,Chrome会自动阻止页面获取我的位置。 在其他站点(例如以下站点)上不会发生这种情况:

[http://html5demos.com/geo]

我正在使用的脚本:

<script type="text/javascript" JavaScript" SRC="geo.js"></script>   
<script type="text/javascript" JavaScript" SRC="Utility.js"></script> 
<script type="text/javascript" JavaScript" SRC="jquery.js"></script> 
<script type="text/javascript" JavaScript" SRC="modernizr.js"></script>  

function get_location() {

        if (geo_position_js.init()) {
            geo_position_js.getCurrentPosition(show_map, handle_error);
        }

    }
    function show_map(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;

        alert("lat:" + latitude + " long:" + longitude);


    }
    function handle_error(err) {
        alert(err.code);
        if (err.code == 1) {
            // user said no!
        }
    }

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(show_map, handle_error);
    } else {
        error('not supported');
    }

我正在从计算机上的本地目录中对此进行测试,因此实际上并没有像“ [http://whatever.com/mytestpage.html””这样的“域”。]这是为什么我没有得到提示吗? 如果是这样,是否可以强制浏览器请求权限以获取用户的地理位置,在我的情况下是否可以?

trans by 2019-09-30T17:29:18Z

ajax-加载外部数据时,控制台会说:XHR完成加载

有没有办法在控制台中隐藏"XHR finished loading"消息?

trans by 2019-09-29T16:32:23Z

1 2 3 4 5 6 7 8 9 10 11 下一页 共11页