This is a documentation for Board Game Arena: play board games online !

Compatibility: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
No edit summary
Line 3: Line 3:
The mainsite is built with compatibility for several old browsers.
The mainsite is built with compatibility for several old browsers.


We use a [https://browsersl.ist/#q=last+2+versions%2C+not+dead%2C+%3E+0.2%25 browserslist] config to define the targeted browsers: <code>last 2 versions, not dead, > 0.2%</code>.
We use a [https://browsersl.ist/#q=last+2+versions%2C+not+dead%2C+%3E+0.2%25 browserslist] config to define the targeted browsers: <code>last 2 versions, not dead, > 0.2%, safari >= 11</code>.


There are currently no hard rules about what you should target, but it is recommended to follow the same targets as the mainsite. You can use [https://babeljs.io/ babel] to compile your modern JavaScript code into backwards compatible code. Babel accepts a browserslist targets string, so you can use the targets above.
There are currently no hard rules about what you should target, but it is recommended to follow the same targets as the mainsite. You can use [https://babeljs.io/ babel] to compile your modern JavaScript code into backwards compatible code. Babel accepts a browserslist targets string, so you can use the targets above.
Line 9: Line 9:
== Current list ==
== Current list ==


As of September 2023, <code>last 2 versions, not dead, > 0.2%</code> refers to:
As of November 2023, <code>last 2 versions, not dead, > 0.2%, safari >= 11</code> corresponds to:


* and_chr 116
* and_chr 113
* and_ff 116
* and_ff 113
* and_qq 13.1
* and_qq 13.1
* and_uc 15.5
* and_uc 13.4
* android 116
* android 113
* android 4.4.3-4.4.4
* android 4.4.3-4.4.4
* chrome 116
* chrome 115
* chrome 114
* chrome 113
* chrome 113
* chrome 112
* chrome 112
* chrome 111
* chrome 111
* chrome 110
* chrome 109
* chrome 109
* chrome 108
* chrome 103
* chrome 103
* chrome 79
* chrome 79
* edge 116
* edge 113
* edge 115
* edge 112
* edge 114
* edge 111
* firefox 117
* firefox 113
* firefox 116
* firefox 112
* firefox 115
* firefox 111
* ie 11
* ios_saf 16.6
* ios_saf 16.5
* ios_saf 16.4
* ios_saf 16.4
* ios_saf 16.3
* ios_saf 16.3
Line 40: Line 36:
* ios_saf 16.1
* ios_saf 16.1
* ios_saf 16.0
* ios_saf 16.0
* ios_saf 15.6-15.7
* ios_saf 15.6
* ios_saf 15.5
* ios_saf 14.5-14.8
* ios_saf 14.5-14.8
* ios_saf 14.0-14.4
* ios_saf 12.2-12.5
* ios_saf 12.2-12.5
* kaios 3.0-3.1
* kaios 3.0-3.1
Line 47: Line 45:
* op_mini all
* op_mini all
* op_mob 73
* op_mob 73
* opera 102
* opera 98
* opera 101
* opera 97
* opera 100
* opera 96
* safari 16.6
* safari 16.4
* safari 16.5
* safari 16.3
* safari 16.3
* safari 16.2
* safari 16.1
* safari 16.0
* safari 15.6
* safari 15.6
* safari 15.5
* safari 15.4
* safari 15.2-15.3
* safari 15.1
* safari 15
* safari 14.1
* safari 14.1
* samsung 22
* safari 14
* samsung 21
* safari 13.1
* safari 13
* safari 12.1
* safari 12
* safari 11.1
* safari 11
* samsung 20
* samsung 19.0


[[Category:Studio]]
[[Category:Studio]]

Revision as of 09:48, 14 November 2023


Game File Reference


Useful Components

Official

  • Deck: a PHP component to manage cards (deck, hands, picking cards, moving cards, shuffle deck, ...).
  • Draggable: a JS component to manage drag'n'drop actions.
  • Counter: a JS component to manage a counter that can increase/decrease (ex: player's score).
  • ExpandableSection: a JS component to manage a rectangular block of HTML than can be displayed/hidden.
  • Scrollmap: a JS component to manage a scrollable game area (useful when the game area can be infinite. Examples: Saboteur or Takenoko games).
  • Stock: a JS component to manage and display a set of game elements displayed at a position.
  • Zone: a JS component to manage a zone of the board where several game elements can come and leave, but should be well displayed together (See for example: token's places at Can't Stop).

Undocumented component (if somebody knows please help with docs)

  • Wrapper: a JS component to wrap a <div> element around its child, even if these elements are absolute positioned.

Unofficial


Game Development Process


Guides for Common Topics


Miscellaneous Resources

The mainsite is built with compatibility for several old browsers.

We use a browserslist config to define the targeted browsers: last 2 versions, not dead, > 0.2%, safari >= 11.

There are currently no hard rules about what you should target, but it is recommended to follow the same targets as the mainsite. You can use babel to compile your modern JavaScript code into backwards compatible code. Babel accepts a browserslist targets string, so you can use the targets above.

Current list

As of November 2023, last 2 versions, not dead, > 0.2%, safari >= 11 corresponds to:

  • and_chr 113
  • and_ff 113
  • and_qq 13.1
  • and_uc 13.4
  • android 113
  • android 4.4.3-4.4.4
  • chrome 113
  • chrome 112
  • chrome 111
  • chrome 110
  • chrome 109
  • chrome 108
  • chrome 103
  • chrome 79
  • edge 113
  • edge 112
  • edge 111
  • firefox 113
  • firefox 112
  • firefox 111
  • ios_saf 16.4
  • ios_saf 16.3
  • ios_saf 16.2
  • ios_saf 16.1
  • ios_saf 16.0
  • ios_saf 15.6
  • ios_saf 15.5
  • ios_saf 14.5-14.8
  • ios_saf 14.0-14.4
  • ios_saf 12.2-12.5
  • kaios 3.0-3.1
  • kaios 2.5
  • op_mini all
  • op_mob 73
  • opera 98
  • opera 97
  • opera 96
  • safari 16.4
  • safari 16.3
  • safari 16.2
  • safari 16.1
  • safari 16.0
  • safari 15.6
  • safari 15.5
  • safari 15.4
  • safari 15.2-15.3
  • safari 15.1
  • safari 15
  • safari 14.1
  • safari 14
  • safari 13.1
  • safari 13
  • safari 12.1
  • safari 12
  • safari 11.1
  • safari 11
  • samsung 20
  • samsung 19.0
Retrieved from "http:///index.php?title=Compatibility&oldid=18876"