Chrome DevToolsのサードパーティバッジ：色

Question

DevToolsのサードパーティバッジの重要性について誰もが洞察していたのですか？の色はですか？彼らは全面的に異なり、これがどのように決定され、なぜそれがどうなるのか不思議でした。

Answer 1

色は製品名に基づいて生成されます（リロード間で一貫性があります）。彼らは特別な意味を持っていません。 BadgePool.jsから

（entryNameは、 "Googleアナリティクス" のようなものかもしれない場所）：

static colorForEntryName(entryName) { 
    if (!ProductRegistry.BadgePool._colorGenerator) { 
     ProductRegistry.BadgePool._colorGenerator = 
      new Common.Color.Generator({min: 30, max: 330}, {min: 50, max: 80, count: 3}, 80); 
    } 
    return ProductRegistry.BadgePool._colorGenerator.colorForID(entryName); 
    } 

そしてCommon.Color.Generatorから：

/** 
    * @param {string} id 
    * @return {string} 
    */ 
    colorForID(id) { 
    var color = this._colors.get(id); 
    if (!color) { 
     color = this._generateColorForID(id); 
     this._colors.set(id, color); 
    } 
    return color; 
    } 

    /** 
    * @param {string} id 
    * @return {string} 
    */ 
    _generateColorForID(id) { 
    var hash = String.hashCode(id); 
    var h = this._indexToValueInSpace(hash, this._hueSpace); 
    var s = this._indexToValueInSpace(hash >> 8, this._satSpace); 
    var l = this._indexToValueInSpace(hash >> 16, this._lightnessSpace); 
    var a = this._indexToValueInSpace(hash >> 24, this._alphaSpace); 
    return `hsla(${h}, ${s}%, ${l}%, ${a})`; 
    }