小编Pro*_*Per的帖子

 $this->context->smarty->assign(array( 
'dataCompleteURL' =>  Tools::getShopDomainSsl(true, true) . __PS_BASE_URI__.'index.php?fc=module&module=mymodule&controller=callback&cart='.$cartID));
$this->setTemplate('payment.tpl');

Run Code Online (Sandbox Code Playgroud)

我的模板文件路径是: mymodule/views/templates/front/payment.tpl

payment.tpl包含:

<script src="http://easternbank.test.gateway.com/checkout.js" data-complete="{$dataCompleteURL}" type="text/javascript"> </script>

Run Code Online (Sandbox Code Playgroud)

问题是在我的localhost中工作正常.我在脚本标记中获得了数据完整的URL.但是当我在我的测试服务器中安装模块时,我没有得到数据完整的URL.

任何帮助或建议将不胜感激.

提前致谢.

UPDATE

我发现问题是脚本标记的"src"中的"https".我无法理解为什么如果src URL以https开头,数据完成就会消失.没有https就可以了.

当我在浏览器中查看源代码时,在src中使用https查看以下代码,我得到:

<script src="http://easternbank.test.gateway.com/checkout.js" data-complete="{$dataCompleteURL}" type="text/javascript"> </script>

Run Code Online (Sandbox Code Playgroud)

data-complete属性消失了.但是当我使用没有"https"的src查看脚本的源代码时,我得到了data-complete属性.

我找不到原因.

或者我可以使用以下命令在payment.php控制器中添加javascript:

$this->context->controller->addJS(($this->_path).'js/checkout.js');

Run Code Online (Sandbox Code Playgroud)

但我不知道如何在addJS函数中传递数据属性.

javascript php prestashop prestashop-1.6

Jah*_*lam

2018 11-25

14
推荐指数

1
解决办法

650
查看次数

如何查看Android Orchestrator日志？

我的套件中有一个失败的测试,现在我正在使用Android Orchestrator,但我得到的是这条消息:

测试仪器过程崩溃了.检查com.something.something_detail.SomeActivityTest#testAddSucceeds_activityIsFinished.txt了解详情

我不知道如何访问该文件.有帮助吗？

android integration-testing android-espresso

Lea*_*ira

2019 01-15

13
推荐指数

3
解决办法

1607
查看次数

为什么“ new Image（）”立即触发网络请求，而“ createElement（'script'）”却没有触发？

我new Image()用来创建一个新的图像元素。当我设置“ src”属性时，将立即触发网络请求。为什么？是否有任何说明文档？

以下情况：

情况1：

var img = new Image();
img.src = 'http://someurl.png';

Run Code Online (Sandbox Code Playgroud)

情况2：

var imgStr = '<img src="http://someurl.png">';
var div = document.createElement('div');
div.innerHTML = imgStr;

Run Code Online (Sandbox Code Playgroud)

情况3：

var script = document.createElement('script');
script.src = 'http://someurl.js';
// document.body.appendChild(script);

Run Code Online (Sandbox Code Playgroud)

在情况1和情况2，网络请求将触发一次。

在case3中，如果我不将script元素附加到主体，则不会触发任何网络请求。

为什么？

html javascript

coy*_*pan

2019 07-18

12
推荐指数

1
解决办法

114
查看次数

为什么在进行可用性检查后，MacOS/iOS 设备中的 localStorage 有时为空？

我在使用本地存储的 Web 应用程序中遇到了一个问题，该问题不是很频繁，但仍会定期发生。

该问题仅发生在 iOS/macOS 设备中，与浏览器无关，并且记录的错误如下：

类型错误：'null' 不是一个对象（评估 'localStorage.getItem'）

下面是代码的工作原理；有一个函数 ( isLocalStorageSupported) 检查是否支持本地存储，还有另一个函数 ( getLocalData) 在尝试从存储中获取数据之前使用它。

在通过返回 true 完成对本地存储的检查后抛出错误，但是当尝试从本地存储获取密钥时，下一行 (?) 莫名其妙地抛出，因为该阶段的存储变量似乎为空。

我不清楚这是怎么发生的，因此我的问题。

// The function that checks availability
const isLocalStorageSupported = (() => {
  let localStorageSupported = null;

  return () => {
    if (localStorageSupported !== null) {
      return localStorageSupported;
    }

    try {
      localStorage.setItem('check', 'check');
      localStorage.getItem('check');
      localStorage.removeItem('check');

      localStorageSupported = true;
    } catch (error) {
      localStorageSupported = false;
      console.error('localStorage not supported');
    }

    return localStorageSupported;
  };
})();

const getLocalData = (key) …

Run Code Online (Sandbox Code Playgroud)

javascript browser local-storage ios web

Pro*_*Per

2021 03-19

8
推荐指数

1
解决办法

407
查看次数

如何通过JavaScript代码获取Firefox浏览器的用户媒体权限（摄像头和麦克风）？

下面的代码在chrome浏览器中可以正常运行：

对于麦克风：

 navigator.permissions.query({name: 'microphone'})
    .then((permission) => {
        console.log("microphone state", permission.state);
    }).catch((error) => {
        console.log('Got error :', error);
    })

Run Code Online (Sandbox Code Playgroud)

对于相机：

 navigator.permissions.query({name: 'camera'})
    .then((permission) => {
        console.log("camera state", permission.state);
    }).catch((error) => {
        console.log('Got error :', error);
    })

Run Code Online (Sandbox Code Playgroud)

上面的相同代码在 Firefox 浏览器中不起作用，我收到以下错误：

对于麦克风： 出现错误：

TypeError：“PermissionDescriptor‘麦克风’的‘名称’成员不是枚举 PermissionName 的有效值。”

在此输入图像描述

对于相机：出现错误：

TypeError：“PermissionDescriptor‘camera’的‘name’成员不是枚举 PermissionName 的有效值。”

有人知道如何在 Firefox 浏览器中获取相机和麦克风的用户媒体权限状态吗？

谢谢。

javascript firefox google-chrome getusermedia

ans*_*eep

2018 11-30

7
推荐指数

2
解决办法

1万
查看次数

为什么背景颜色不能用于内联网格

我创建了两个div; 一个display:inline-grid有财产,另一个display:grid有财产.我想将背景颜色应用于两个div的子元素,但具有display:inline-grid属性的div 不会对其元素着色.

HTML和CSS代码

#inline {
  display: inline-grid;
}

#block {
  display: grid;
}

div div {
  height: 50px;
}

div div:nth-child(1n) {
  background-color: green;
}

div div:nth-child(2n) {
  background-color: rebeccapurple;
}

div div:nth-child(3n) {
  background-color: aquamarine;
}

Run Code Online (Sandbox Code Playgroud)

<body>
  <div id="inline">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
  <div id="block">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
</body>

Run Code Online (Sandbox Code Playgroud)

输出是:

如何为内联网格div中的div设置颜色？

html css css3 css-grid

Has*_*ash

2018 08-11

6
推荐指数

2
解决办法

162
查看次数

在fabric.js 中绘制两个头箭头

我是 fabric.js 的新手，对浏览器画布 api 没有太多经验，所以我感谢有人提供的所有帮助。

实现的目标是在 3 种不同模式下使用鼠标箭头进行绘制：

带 2 个头
一头
完全没有头（只是一条普通的线）

有一个很好的例子——但只有一个“提示”。

还有一个更高级的主题可能是：在选择一个已经创建的箭头后，更改它（例如，单击一个按钮并将模式从一个箭头更改为两个）。

  _render: function(ctx) {
    this.callSuper('_render', ctx);

    // do not render if width/height are zeros or object is not visible
    if (this.width === 0 || this.height === 0 || !this.visible) return;

    ctx.save();

    var xDiff = this.x2 - this.x1;
    var yDiff = this.y2 - this.y1;
    var angle = Math.atan2(yDiff, xDiff);
    ctx.translate(xDiff / 2, yDiff / 2);
    ctx.rotate(angle);
    ctx.beginPath();
    //move 10px in front of line to start the arrow …

Run Code Online (Sandbox Code Playgroud)

fabricjs

Vir*_*111

2018 11-05

6
推荐指数

1
解决办法

2366
查看次数

在预先输入框中添加图标

HTML代码 -

<div class="input-group-btn">
   <div id="custom-templates">
       <input class="typeahead caret" id="cur1" name="cur1" onkeypress="getData()" class="form-control" style=" color: black;text-transform: uppercase;border: 0px;border-radius: 0px 5px 5px 0px;" aria-label="You Send" type="text" placeholder="BTC" value="BTC">
   </div>
</div>

Run Code Online (Sandbox Code Playgroud)

Typeahead JS代码 -

var bestPictures = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  prefetch: 'http://localhost/api/currency.php',
});


$('#custom-templates .typeahead').typeahead(null, {
  name: 'best-pictures',
  display: 'value',
  source: bestPictures,
  templates: {
    empty: [
      '<div class="empty-message">',
        'unable to find any crypto currency',
      '</div>'
    ].join('\n'),
    suggestion: Handlebars.compile('<div><img src="{{image}}" class="svg">&nbsp;&nbsp;&nbsp;<strong style="text-transform: uppercase;">{{value}}</strong> – {{year}}</div>')
  }
});

Run Code Online (Sandbox Code Playgroud)

输出 -